From 0d3a0277cd560afa0626a1644c43d21600d3276c Mon Sep 17 00:00:00 2001 From: Ruben Reusser Date: Wed, 14 Apr 2021 08:17:49 -0700 Subject: [PATCH 1/3] added prettier.io as an experiment for code formatting --- .github/ISSUE_TEMPLATE/bug_report.md | 13 +- .github/ISSUE_TEMPLATE/feature_request.md | 5 +- .github/PULL_REQUEST_TEMPLATE.md | 2 +- .prettierrc.json | 1 + .properties/settings.json | 2 +- .travis.yml | 2 +- Readme.md | 11 +- .../themecleanflex/models/AccordionModel.java | 713 +++++---- .../com/themecleanflex/models/BlockModel.java | 441 +++--- .../models/BreadcrumbModel.java | 626 ++++---- .../com/themecleanflex/models/CardModel.java | 226 ++- .../com/themecleanflex/models/CardsModel.java | 669 +++++---- .../themecleanflex/models/CarouselModel.java | 635 ++++---- .../com/themecleanflex/models/CodeModel.java | 495 +++---- .../themecleanflex/models/ContainerModel.java | 177 ++- .../models/ContainerblockModel.java | 461 +++--- .../themecleanflex/models/FooterModel.java | 643 ++++---- .../themecleanflex/models/HeaderModel.java | 645 ++++---- .../com/themecleanflex/models/MediaModel.java | 187 ++- .../models/MediablockModel.java | 562 ++++--- .../models/MenubuttonsModel.java | 63 +- .../models/NavigationModel.java | 686 ++++----- .../com/themecleanflex/models/NoteModel.java | 479 +++--- .../themecleanflex/models/PagelistModel.java | 888 +++++------ .../models/PagelistnestedModel.java | 33 +- .../com/themecleanflex/models/PagerModel.java | 777 +++++----- .../com/themecleanflex/models/QuoteModel.java | 479 +++--- .../themecleanflex/models/ReferenceModel.java | 626 ++++---- .../themecleanflex/models/RichtextModel.java | 617 ++++---- .../models/SimpletextModel.java | 479 +++--- .../models/SocialiconsModel.java | 113 +- .../themecleanflex/models/SpacerModel.java | 327 ++--- .../com/themecleanflex/models/TabsModel.java | 709 +++++---- .../com/themecleanflex/models/TagsModel.java | 497 ++++--- .../models/TeaserhorizontalModel.java | 683 +++++---- .../models/TeaserverticalModel.java | 842 ++++++----- .../themecleanflex/models/TextlinksModel.java | 63 +- fragments/accordion/hatch.js | 122 +- fragments/accordion/model.json | 29 +- fragments/accordion/sample-accordiondark.json | 5 +- .../accordion/sample-accordionmedia.json | 3 +- fragments/accordion/sample-bg.json | 6 +- fragments/accordion/sample-blank.json | 3 +- fragments/accordion/sample-empty.json | 5 +- fragments/accordion/sample-rte.json | 8 +- fragments/accordion/sample-toggle.json | 8 +- fragments/accordion/sample-togglemedia.json | 3 +- fragments/accordion/sample.json | 8 +- fragments/accordion/template.html | 67 +- fragments/accordion/template.vue | 198 ++- fragments/block/hatch.js | 55 +- fragments/block/model-spacer.json | 15 +- fragments/block/model.json | 15 +- fragments/block/template.html | 8 +- fragments/block/template.vue | 251 ++-- fragments/breadcrumb/hatch.js | 48 +- fragments/breadcrumb/model.json | 2 +- fragments/breadcrumb/template.html | 8 +- fragments/breadcrumb/template.vue | 60 +- fragments/cards/hatch.js | 125 +- fragments/cards/model.json | 18 +- fragments/cards/sample-blank.json | 6 +- fragments/cards/sample-cardsnobackground.json | 9 +- fragments/cards/sample-empty.json | 6 +- fragments/cards/sample-rte.json | 6 +- fragments/cards/sample.json | 9 +- fragments/cards/template.html | 13 +- fragments/cards/template.vue | 155 +- fragments/carousel/hatch.js | 105 +- fragments/carousel/model.json | 8 +- fragments/carousel/sample-blank.json | 4 +- fragments/carousel/sample-empty.json | 4 +- fragments/carousel/sample-owl.json | 11 +- fragments/carousel/sample-rte.json | 8 +- fragments/carousel/sample.json | 8 +- fragments/carousel/template.html | 27 +- fragments/carousel/template.vue | 91 +- fragments/code/hatch.js | 37 +- fragments/code/model.json | 2 +- fragments/code/readme.md | 10 +- fragments/code/sample.json | 2 +- fragments/code/template.vue | 76 +- fragments/container/hatch.js | 22 +- fragments/container/model.json | 8 +- fragments/container/sample.json | 5 +- fragments/container/template.html | 3 +- fragments/container/template.vue | 56 +- fragments/containerblock/hatch.js | 18 +- fragments/containerblock/model.json | 80 +- fragments/containerblock/sample.json | 3 +- fragments/containerblock/template.vue | 53 +- fragments/footer/hatch.js | 63 +- fragments/footer/model.json | 10 +- fragments/footer/sample-empty.json | 2 +- fragments/footer/sample-light.json | 3 +- fragments/footer/sample-rte.json | 3 +- fragments/footer/sample.json | 3 +- fragments/footer/template.html | 19 +- fragments/footer/template.vue | 74 +- fragments/header/hatch.js | 90 +- fragments/header/model.json | 14 +- fragments/header/readme.md | 2 +- fragments/header/sample-blank.json | 4 +- fragments/header/sample-dark.json | 6 +- fragments/header/sample-empty.json | 6 +- fragments/header/sample.json | 6 +- fragments/header/template.html | 14 +- fragments/header/template.vue | 133 +- fragments/media/hatch.js | 12 +- fragments/media/model.json | 2 +- fragments/media/template.vue | 14 +- fragments/mediablock/hatch.js | 17 +- fragments/mediablock/model.json | 10 +- fragments/mediablock/sample-blank.json | 4 +- fragments/mediablock/sample-empty.json | 6 +- fragments/mediablock/sample.json | 2 +- fragments/mediablock/template.html | 5 +- fragments/mediablock/template.vue | 28 +- fragments/mediavisible/hatch.js | 12 +- fragments/mediavisible/model.json | 2 +- fragments/mediavisible/template.vue | 10 +- fragments/menubuttons/hatch.js | 23 +- fragments/menubuttons/model.json | 4 +- fragments/menubuttons/template.vue | 39 +- fragments/navigation/hatch.js | 67 +- fragments/navigation/model.json | 8 +- fragments/navigation/sample-blank.json | 3 +- fragments/navigation/sample-empty.json | 3 +- fragments/navigation/template.vue | 114 +- fragments/note/hatch.js | 16 +- fragments/note/model.json | 2 +- fragments/note/sample-blank.json | 3 +- fragments/note/template.html | 7 +- fragments/note/template.vue | 30 +- fragments/pagelist/hatch.js | 89 +- fragments/pagelist/model.json | 2 +- fragments/pagelist/sample-blank.json | 3 +- fragments/pagelist/sample-empty.json | 3 +- fragments/pagelist/template.html | 65 +- fragments/pagelist/template.vue | 99 +- fragments/pagelistnested/hatch.js | 34 +- fragments/pagelistnested/model.json | 5 +- fragments/pagelistnested/sample.json | 5 +- fragments/pagelistnested/template.html | 25 +- fragments/pagelistnested/template.vue | 29 +- fragments/pager/hatch.js | 46 +- fragments/pager/model.json | 8 +- fragments/pager/sample-blank.json | 4 +- fragments/pager/sample-empty.json | 6 +- fragments/pager/template.vue | 91 +- fragments/quote/hatch.js | 24 +- fragments/quote/sample-blank.json | 4 +- fragments/quote/sample-blockquote.json | 4 +- fragments/quote/sample-largequote.json | 4 +- fragments/quote/sample-rte.json | 4 +- fragments/quote/sample.json | 4 +- fragments/quote/template.html | 4 +- fragments/quote/template.vue | 40 +- fragments/reference/hatch.js | 26 +- fragments/reference/htmltovue.js | 26 +- fragments/reference/model.json | 2 +- fragments/reference/sample.json | 2 +- fragments/reference/template.html | 8 +- fragments/reference/template.vue | 96 +- fragments/richtext/hatch.js | 39 +- fragments/richtext/model.json | 21 +- fragments/richtext/sample-blank.json | 4 +- fragments/richtext/sample-empty.json | 4 +- fragments/richtext/template.html | 4 +- fragments/richtext/template.vue | 53 +- fragments/simpletext/hatch.js | 26 +- fragments/simpletext/sample-empty.json | 4 +- fragments/simpletext/template.html | 2 +- fragments/simpletext/template.vue | 44 +- fragments/socialicons/hatch.js | 26 +- fragments/socialicons/template.html | 14 +- fragments/socialicons/template.vue | 30 +- fragments/spacer/hatch.js | 20 +- fragments/spacer/model.json | 2 +- fragments/spacer/readme.md | 2 +- fragments/spacer/sample-empty.json | 4 +- fragments/spacer/sample.json | 2 +- fragments/spacer/template.html | 5 +- fragments/spacer/template.vue | 23 +- fragments/tabs/hatch.js | 100 +- fragments/tabs/model.json | 8 +- fragments/tabs/readme.md | 1 - fragments/tabs/sample-blank.json | 4 +- fragments/tabs/sample-empty.json | 6 +- fragments/tabs/sample-media.json | 6 +- fragments/tabs/sample-rte.json | 6 +- fragments/tabs/sample.json | 6 +- fragments/tabs/template.html | 49 +- fragments/tabs/template.vue | 125 +- fragments/tags/hatch.js | 41 +- fragments/tags/model.json | 2 +- fragments/tags/readme.md | 2 +- fragments/tags/template.html | 5 +- fragments/tags/template.vue | 66 +- fragments/teaserhorizontal/hatch.js | 104 +- fragments/teaserhorizontal/model.json | 13 +- fragments/teaserhorizontal/sample-blank.json | 3 +- fragments/teaserhorizontal/sample-empty.json | 5 +- fragments/teaserhorizontal/sample-rte.json | 3 +- fragments/teaserhorizontal/sample.json | 3 +- fragments/teaserhorizontal/template.html | 23 +- fragments/teaserhorizontal/template.vue | 118 +- fragments/teaservertical/hatch.js | 113 +- fragments/teaservertical/model.json | 18 +- fragments/teaservertical/sample-blank.json | 3 +- fragments/teaservertical/sample-empty.json | 5 +- .../teaservertical/sample-mediateaser.json | 3 +- fragments/teaservertical/sample-rte.json | 5 +- .../teaservertical/sample-teaserfull.json | 7 +- fragments/teaservertical/sample.json | 5 +- fragments/teaservertical/template.html | 29 +- fragments/teaservertical/template.vue | 143 +- fragments/textlinks/hatch.js | 18 +- fragments/textlinks/model.json | 2 +- fragments/textlinks/sample.json | 6 +- fragments/textlinks/template.vue | 43 +- ui.apps/postcss.config.js | 144 +- .../main/content/buildscripts/buildicons.js | 62 +- .../src/main/content/buildscripts/buildvue.js | 184 +-- .../main/content/buildscripts/cl-fragments.js | 145 +- ui.apps/src/main/content/buildscripts/cl.js | 258 ++-- .../src/main/content/buildscripts/readme.md | 3 +- .../main/content/buildscripts/validatepage.js | 165 ++- .../main/content/buildscripts/variations.js | 78 +- .../components/accordion/dialog.json | 7 +- .../components/accordion/template.vue | 198 ++- .../components/block/dialog.json | 2 +- .../components/block/template.vue | 251 ++-- .../components/breadcrumb/dialog.json | 2 +- .../components/breadcrumb/template.vue | 60 +- .../components/cards/dialog.json | 7 +- .../components/cards/template.vue | 155 +- .../components/carousel/dialog.json | 7 +- .../components/carousel/template.vue | 91 +- .../components/code/dialog.json | 2 +- .../components/code/template.vue | 76 +- .../components/container/dialog.json | 2 +- .../components/container/template.vue | 56 +- .../components/containerblock/dialog.json | 2 +- .../components/containerblock/template.vue | 53 +- .../components/footer/dialog.json | 12 +- .../components/footer/template.vue | 74 +- .../components/header/dialog.json | 12 +- .../components/header/template.vue | 133 +- .../components/media/template.vue | 80 +- .../components/mediablock/dialog.json | 2 +- .../components/mediablock/template.vue | 28 +- .../components/mediavisible/template.vue | 37 +- .../components/menubuttons/dialog.json | 7 +- .../components/menubuttons/template.vue | 39 +- .../components/navigation/dialog.json | 2 +- .../components/navigation/template.vue | 114 +- .../components/note/dialog.json | 2 +- .../components/note/template.vue | 30 +- .../components/page/iconsprites.html | 83 +- .../components/page/renderer.html | 64 +- .../components/page/serviceworker.html | 37 +- .../components/page/template.vue | 88 +- .../components/pagelist/dialog.json | 7 +- .../components/pagelist/template.vue | 99 +- .../components/pagelistnested/dialog.json | 2 +- .../components/pagelistnested/template.vue | 29 +- .../components/pager/dialog.json | 2 +- .../components/pager/template.vue | 91 +- .../components/quote/dialog.json | 2 +- .../components/quote/template.vue | 40 +- .../components/reference/dialog.json | 2 +- .../components/reference/template.vue | 96 +- .../components/richtext/dialog.json | 2 +- .../components/richtext/template.vue | 53 +- .../components/simpletext/dialog.json | 2 +- .../components/simpletext/template.vue | 44 +- .../components/socialicons/dialog.json | 7 +- .../components/socialicons/template.vue | 30 +- .../components/spacer/dialog.json | 2 +- .../components/spacer/template.vue | 23 +- .../components/tabs/dialog.json | 7 +- .../components/tabs/template.vue | 125 +- .../components/tags/dialog.json | 2 +- .../components/tags/template.vue | 66 +- .../components/teaserhorizontal/dialog.json | 7 +- .../components/teaserhorizontal/template.vue | 118 +- .../components/teaservertical/dialog.json | 7 +- .../components/teaservertical/template.vue | 143 +- .../components/textlinks/dialog.json | 7 +- .../components/textlinks/template.vue | 43 +- .../themecleanflex/pages/css/commons.css | 2 +- .../themecleanflex/pages/css/palette.css | 2 +- .../css/palettes-attic/balanced-color.css | 79 +- .../pages/css/palettes-attic/basic-maroon.css | 75 +- .../pages/css/palettes-attic/classy.css | 76 +- .../pages/css/palettes-attic/lime.css | 4 +- .../pages/css/palettes-attic/multi-color.css | 75 +- .../pages/css/palettes-attic/sharp-blue.css | 76 +- .../pages/css/palettes-attic/sunshine.css | 77 +- .../pages/css/palettes-attic/warm-tones.css | 79 +- .../pages/css/palettes/dawn.css | 318 ++-- .../pages/css/palettes/default.css | 29 +- .../pages/css/palettes/ocean.css | 78 +- .../themecleanflex/pages/js/site-analytics.js | 32 +- .../themecleanflex/pages/serviceworker.js | 92 +- .../etc/felibs/themecleanflex/css/build.css | 61 +- .../etc/felibs/themecleanflex/css/colors.css | 11 +- .../etc/felibs/themecleanflex/custom.css | 11 +- .../dependencies/intersection-observer.js | 1308 ++++++++--------- .../dependencies/v-lazy-image.min.js | 82 +- .../etc/felibs/themecleanflex/styles.css | 45 +- ui.apps/tailwind.config.js | 790 +++++----- .../background/background-color.json | 2 +- .../background/background-gradient.json | 2 +- .../background/background-image.json | 2 +- .../background/background-none.json | 2 +- .../background/background-video.json | 2 +- .../colorscheme/colorscheme-dark.json | 2 +- .../colorscheme/colorscheme-light.json | 2 +- .../colorscheme/colorscheme-none.json | 2 +- .../fullheight/fullheight-false.json | 2 +- .../fullheight/fullheight-true.json | 2 +- 323 files changed, 14491 insertions(+), 12720 deletions(-) create mode 100644 .prettierrc.json diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index c3cc97d8c..e56ff0dc1 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -1,10 +1,9 @@ --- name: Bug report about: Thanks for helping us improve Peregrine CMS! -title: '' +title: "" labels: bug -assignees: '' - +assignees: "" --- **Describe the bug** @@ -12,6 +11,7 @@ A clear and concise description of what the bug is. **To Reproduce** Steps to reproduce the behavior: + 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' @@ -24,9 +24,10 @@ A clear and concise description of what you expected to happen. If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - - Browser [e.g. chrome, safari] - - Version [e.g. 22] - - OS: [e.g. iOS] + +- Browser [e.g. chrome, safari] +- Version [e.g. 22] +- OS: [e.g. iOS] **Additional context** Add any other context about the problem here. diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md index bb8068335..65cddb89a 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -1,10 +1,9 @@ --- name: Feature request about: Thanks for helping us improve Peregrine CMS! -title: '' +title: "" labels: enhancement -assignees: '' - +assignees: "" --- **Please describe the problem.** diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index ece10533c..5f3c69d18 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -14,4 +14,4 @@ **Where has this been tested?** -*Browser (version):* … +_Browser (version):_ … diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 000000000..0967ef424 --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1 @@ +{} diff --git a/.properties/settings.json b/.properties/settings.json index 5f8e2333b..edcb16be8 100644 --- a/.properties/settings.json +++ b/.properties/settings.json @@ -1,3 +1,3 @@ { "appname": "themecleanflex" -} \ No newline at end of file +} diff --git a/.travis.yml b/.travis.yml index 33f13dec9..c65599372 100644 --- a/.travis.yml +++ b/.travis.yml @@ -2,7 +2,7 @@ language: java branches: only: - - develop + - develop jdk: - openjdk8 diff --git a/Readme.md b/Readme.md index 66c21f6f4..0a252615e 100644 --- a/Readme.md +++ b/Readme.md @@ -6,11 +6,11 @@ This project was created by the Sling Project Maven Archetype which created two modules: 1. **core**: OSGi Bundle deployed to Sling which includes your Servlets, Filters, - Sling Models and much more. This module is **not intended** to - contain Sling Content. + Sling Models and much more. This module is **not intended** to + contain Sling Content. 2. **ui.apps**: JCR Content Module which is used to install a JCR Package into Sling - by using **Composum**. For that it must be installed and the Composum - Package Manager must be whitelisted. + by using **Composum**. For that it must be installed and the Composum + Package Manager must be whitelisted. There are also two modules which provide some examples; these have the same name as above but with an extension **.example**. These modules should not be deployed, they @@ -41,13 +41,12 @@ but the most important reason is that a JCR Package allows the **Sling Tooling** to update a single file rather than an entire Bundle and also to import a Node from Sling into the project. - #### Build and Installation The project is built quite simple: mvn clean install - + To install the OSGi bundle use the project **autoInstallBundle**: mvn clean install -P autoInstallBundle diff --git a/core/src/main/java/com/themecleanflex/models/AccordionModel.java b/core/src/main/java/com/themecleanflex/models/AccordionModel.java index f1154e602..1164954b1 100644 --- a/core/src/main/java/com/themecleanflex/models/AccordionModel.java +++ b/core/src/main/java/com/themecleanflex/models/AccordionModel.java @@ -1,20 +1,18 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -492,364 +490,359 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/accordion", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/accordion", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class AccordionModel extends AbstractComponent { - public AccordionModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ - @Inject - @Default(values ="accordion") - private String toggletype; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values ="") - private String imagesrc; - - @Inject - @ImageInfo(name="imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values ="") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values ="before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values ="true") - private String cardborder; - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ - @Inject - @Default(values ="none") - private String roundedcorners; - - /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - @Inject - private List accordiontoggle; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ - public String getToggletype() { - return toggletype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getCardborder() { - return cardborder; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ - public String getRoundedcorners() { - return roundedcorners; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - public List getAccordiontoggle() { - return accordiontoggle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public AccordionModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + @Inject + @Default(values = "accordion") + private String toggletype; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String cardborder; + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ + @Inject + @Default(values = "none") + private String roundedcorners; + + /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + @Inject + private List accordiontoggle; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + public String getToggletype() { + return toggletype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getCardborder() { + return cardborder; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ + public String getRoundedcorners() { + return roundedcorners; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + public List getAccordiontoggle() { + return accordiontoggle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BlockModel.java b/core/src/main/java/com/themecleanflex/models/BlockModel.java index 3c2e148a7..558aa27b2 100644 --- a/core/src/main/java/com/themecleanflex/models/BlockModel.java +++ b/core/src/main/java/com/themecleanflex/models/BlockModel.java @@ -291,232 +291,227 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/block", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/block", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class BlockModel extends AbstractComponent { - public BlockModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public BlockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java index 6f41519f3..aa74601ca 100644 --- a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java +++ b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java @@ -350,328 +350,328 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/breadcrumb", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/breadcrumb", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class BreadcrumbModel extends AbstractComponent { - - public BreadcrumbModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ - @Inject - private String level; - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="primary") - private String linkcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; + public BreadcrumbModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + @Inject + private String level; + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "primary") + private String linkcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + public String getLevel() { + return level; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + private static final Logger LOG = LoggerFactory.getLogger( + BreadcrumbModel.class + ); + + public List links; + + /* Method to recursively get child page links, given a root page path */ + public List getLinks() { + links = new ArrayList(); + if (Integer.parseInt(getLevel()) > 0) { + Resource page = getRootResource(); + LOG.debug("page: {}", page); + return getDeepLinks(page != null ? page : getResource()); + } else { + return null; + } + } + + private List getDeepLinks(Resource resource) { + try { + ValueMap props = resource.getValueMap(); + String resourceType = props.get("jcr:primaryType", "type not found"); + // we only care about per:page child + if (resourceType.equals("per:Page")) { + Resource index = resource.getChild("index"); + if (index == null) { + index = resource; + } -//GEN] + final String path = index.getPath(); + TextLink link = new TextLink(path, getPageTitle(path)); + links.add(0, link); + } + // move on to its parent resource + final Resource parent = resource.getParent(); + if (parent != null && links.size() < Integer.parseInt(getLevel())) { + getDeepLinks(parent); + } + } catch (Exception e) { + LOG.error("getDeepLinks error: {}", e); + } - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ - public String getLevel() { - return level; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } + if ( + links.size() >= 2 && links.get(0).getLink().equals(links.get(1).getLink()) + ) { + links.remove(0); + } + return links; + } + + private String getPageTitle(String pageUrl) { + try { + String resourcePath = pageUrl + "/jcr:content"; + ResourceResolver resourceResolver = getResource().getResourceResolver(); + ValueMap props = resourceResolver + .getResource(resourcePath) + .adaptTo(ValueMap.class); + return props.get("jcr:title", "title not found"); + } catch (Exception e) { + LOG.error("getPageTitle error: {}", e); + return "title not found...."; + } + } + private class TextLink { -//GEN] + public TextLink(String link, String text) { + this.link = link; + this.text = text; + } + + private String link; + private String text; - //GEN[:CUSTOMGETTERS - //GEN] - private static final Logger LOG = LoggerFactory.getLogger(BreadcrumbModel.class); - - public List links; - - /* Method to recursively get child page links, given a root page path */ - public List getLinks(){ - - links = new ArrayList(); - if(Integer.parseInt(getLevel()) > 0) { - Resource page = getRootResource(); - LOG.debug("page: {}", page); - return getDeepLinks(page != null ? page : getResource()); - } else { - return null; - } - + public String getLink() { + return link; } - - private List getDeepLinks(Resource resource) { - try { - ValueMap props = resource.getValueMap(); - String resourceType = props.get("jcr:primaryType", "type not found"); - // we only care about per:page child - if (resourceType.equals("per:Page")) { - Resource index = resource.getChild("index"); - if (index == null) { - index = resource; - } - - final String path = index.getPath(); - TextLink link = new TextLink(path, getPageTitle(path)); - links.add(0, link); - } - // move on to its parent resource - final Resource parent = resource.getParent(); - if (parent != null && links.size() < Integer.parseInt(getLevel())) { - getDeepLinks(parent); - } - } catch (Exception e) { - LOG.error("getDeepLinks error: {}", e); - } - - if (links.size() >= 2 && links.get(0).getLink().equals(links.get(1).getLink())) { - links.remove(0); - } - return links; - } - - private String getPageTitle(String pageUrl){ - try{ - String resourcePath = pageUrl + "/jcr:content"; - ResourceResolver resourceResolver = getResource().getResourceResolver(); - ValueMap props = resourceResolver.getResource(resourcePath).adaptTo(ValueMap.class); - return props.get("jcr:title", "title not found"); - } catch(Exception e){ - LOG.error("getPageTitle error: {}",e); - return "title not found...."; - } - } - - private class TextLink { - - public TextLink(String link, String text){ - this.link = link; - this.text = text; - } - private String link; - private String text; - - public String getLink(){ - return link; - } - - public String getText(){ - return text; - } - } + public String getText() { + return text; + } + } } diff --git a/core/src/main/java/com/themecleanflex/models/CardModel.java b/core/src/main/java/com/themecleanflex/models/CardModel.java index e53896437..866cf3792 100644 --- a/core/src/main/java/com/themecleanflex/models/CardModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardModel.java @@ -1,19 +1,16 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - - /* //GEN[:DATA { @@ -168,132 +165,127 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CardModel extends AbstractComponent { - public CardModel(final Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ - @Inject - private String image; - - @Inject - @ImageInfo(name="image") - private Dimension imageSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ - @Inject - @Default(values ="100") - private String imagewidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ - @Inject - private String imagealttext; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ - @Inject - private String buttontext; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String buttonlink; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ - @Inject - @Default(values ="primary") - private String buttoncolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values ="center") - private String buttonalign; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ - public String getText() { - return text; - } + public CardModel(final Resource r) { + super(r); + } - /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ - public String getImage() { - return image; - } + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ + @Inject + private String image; + + @Inject + @ImageInfo(name = "image") + private Dimension imageSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ + @Inject + @Default(values = "100") + private String imagewidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ + @Inject + private String imagealttext; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ + @Inject + private String buttontext; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String buttonlink; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ + @Inject + @Default(values = "primary") + private String buttoncolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String buttonalign; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + public String getTitle() { + return title; + } - public Dimension getImageSize() { - return imageSize; - } + /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ + public String getText() { + return text; + } - /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ - public String getImagewidth() { - return imagewidth; - } + /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ + public String getImage() { + return image; + } - /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ - public String getImagealttext() { - return imagealttext; - } + public Dimension getImageSize() { + return imageSize; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ - public String getButtontext() { - return buttontext; - } + /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ + public String getImagewidth() { + return imagewidth; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getButtonlink() { - return buttonlink; - } + /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ + public String getImagealttext() { + return imagealttext; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ - public String getButtoncolor() { - return buttoncolor; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ + public String getButtontext() { + return buttontext; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getButtonlink() { + return buttonlink; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getButtonalign() { - return buttonalign; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ + public String getButtoncolor() { + return buttoncolor; + } + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getButtonalign() { + return buttonalign; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CardsModel.java b/core/src/main/java/com/themecleanflex/models/CardsModel.java index fdd1098fe..5c8bc13d7 100644 --- a/core/src/main/java/com/themecleanflex/models/CardsModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardsModel.java @@ -551,346 +551,341 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CardsModel extends AbstractComponent { - public CardsModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showcard; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String customcardcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String cardcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ - @Inject - @Default(values ="true") - private String cardborder; - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ - @Inject - @Default(values ="none") - private String roundedcorners; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values ="4") - private String cardsperrow; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values ="2") - private String cardsperrowtab; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values ="1") - private String cardsperrowmobile; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ - @Inject - private List cards; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowcard() { - return showcard; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getCustomcardcolor() { - return customcardcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ - public String getCardcolor() { - return cardcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ - public String getCardborder() { - return cardborder; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ - public String getRoundedcorners() { - return roundedcorners; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrow() { - return cardsperrow; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrowtab() { - return cardsperrowtab; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrowmobile() { - return cardsperrowmobile; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ - public List getCards() { - return cards; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CardsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showcard; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String customcardcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String cardcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ + @Inject + @Default(values = "true") + private String cardborder; + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ + @Inject + @Default(values = "none") + private String roundedcorners; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "4") + private String cardsperrow; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "2") + private String cardsperrowtab; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "1") + private String cardsperrowmobile; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ + @Inject + private List cards; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowcard() { + return showcard; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getCustomcardcolor() { + return customcardcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ + public String getCardcolor() { + return cardcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ + public String getCardborder() { + return cardborder; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ + public String getRoundedcorners() { + return roundedcorners; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrow() { + return cardsperrow; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrowtab() { + return cardsperrowtab; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrowmobile() { + return cardsperrowmobile; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ + public List getCards() { + return cards; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CarouselModel.java b/core/src/main/java/com/themecleanflex/models/CarouselModel.java index b832ebc86..fce77c46b 100644 --- a/core/src/main/java/com/themecleanflex/models/CarouselModel.java +++ b/core/src/main/java/com/themecleanflex/models/CarouselModel.java @@ -433,329 +433,324 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/carousel", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/carousel", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CarouselModel extends AbstractComponent { - public CarouselModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="80") - private String carouselheight; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ - @Inject - private String autoplay; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ - @Inject - @Default(values ="1") - private String itemsperpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ - @Inject - @Default(values ="5") - private String interval; - - /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ - @Inject - @Default(values ="false") - private String pause; - - /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values ="true") - private String wrap; - - /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values ="true") - private String indicators; - - /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values ="true") - private String controls; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ - @Inject - private String captionbg; - - /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ - @Inject - private List slides; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ - public String getCarouselheight() { - return carouselheight; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ - public String getAutoplay() { - return autoplay; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ - public String getItemsperpage() { - return itemsperpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ - public String getInterval() { - return interval; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ - public String getPause() { - return pause; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getWrap() { - return wrap; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getIndicators() { - return indicators; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getControls() { - return controls; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ - public String getCaptionbg() { - return captionbg; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ - public List getSlides() { - return slides; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CarouselModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "80") + private String carouselheight; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ + @Inject + private String autoplay; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ + @Inject + @Default(values = "1") + private String itemsperpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ + @Inject + @Default(values = "5") + private String interval; + + /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ + @Inject + @Default(values = "false") + private String pause; + + /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String wrap; + + /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String indicators; + + /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String controls; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ + @Inject + private String captionbg; + + /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ + @Inject + private List slides; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + public String getCarouselheight() { + return carouselheight; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ + public String getAutoplay() { + return autoplay; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ + public String getItemsperpage() { + return itemsperpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ + public String getInterval() { + return interval; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ + public String getPause() { + return pause; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getWrap() { + return wrap; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getIndicators() { + return indicators; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getControls() { + return controls; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ + public String getCaptionbg() { + return captionbg; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ + public List getSlides() { + return slides; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CodeModel.java b/core/src/main/java/com/themecleanflex/models/CodeModel.java index cb9bd5233..a4171da1e 100644 --- a/core/src/main/java/com/themecleanflex/models/CodeModel.java +++ b/core/src/main/java/com/themecleanflex/models/CodeModel.java @@ -322,259 +322,254 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/code", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/code", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class CodeModel extends AbstractComponent { - public CodeModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String language; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String classes; - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ - public String getLanguage() { - return language; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ - public String getClasses() { - return classes; - } - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CodeModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String language; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String classes; + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + public String getLanguage() { + return language; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ + public String getClasses() { + return classes; + } + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerModel.java b/core/src/main/java/com/themecleanflex/models/ContainerModel.java index b072e1804..e17446a81 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerModel.java @@ -161,100 +161,95 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/container", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/container", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerModel extends Container { - public ContainerModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values ="auto") - private String width; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ - @Inject - @Default(values ="12") - private String colspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values ="auto") - private String tabletwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ - @Inject - @Default(values ="12") - private String tabletcolspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values ="auto") - private String mobilewidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ - @Inject - @Default(values ="12") - private String mobilecolspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getWidth() { - return width; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ - public String getColspan() { - return colspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getTabletwidth() { - return tabletwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ - public String getTabletcolspan() { - return tabletcolspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getMobilewidth() { - return mobilewidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ - public String getMobilecolspan() { - return mobilecolspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public ContainerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String width; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String colspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String tabletwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String tabletcolspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String mobilewidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String mobilecolspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getWidth() { + return width; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ + public String getColspan() { + return colspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getTabletwidth() { + return tabletwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ + public String getTabletcolspan() { + return tabletcolspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getMobilewidth() { + return mobilewidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ + public String getMobilecolspan() { + return mobilecolspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java index 5fcdff4a3..4611cce21 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java @@ -333,242 +333,237 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/containerblock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/containerblock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerblockModel extends Container { - public ContainerblockModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ - @Inject - @Default(values ="primary") - private String alignitems; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ - public String getAlignitems() { - return alignitems; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public ContainerblockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + @Inject + @Default(values = "primary") + private String alignitems; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + public String getAlignitems() { + return alignitems; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/FooterModel.java b/core/src/main/java/com/themecleanflex/models/FooterModel.java index ec21f0b66..9d29062f0 100644 --- a/core/src/main/java/com/themecleanflex/models/FooterModel.java +++ b/core/src/main/java/com/themecleanflex/models/FooterModel.java @@ -437,333 +437,328 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/footer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/footer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class FooterModel extends AbstractComponent { - public FooterModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showlogo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String logo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ - @Inject - private String logoalttext; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String logourl; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ - @Inject - private String logosize; - - /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - @Inject - private List columns; - - /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String copyright; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String iconcustomcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - @Inject - @Default(values ="#000000") - private String iconcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - @Inject - @Default(values ="25") - private String iconsize; - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - @Inject - private List icons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowlogo() { - return showlogo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getLogo() { - return logo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ - public String getLogoalttext() { - return logoalttext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getLogourl() { - return logourl; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ - public String getLogosize() { - return logosize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - public List getColumns() { - return columns; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ - public String getCopyright() { - return copyright; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getIconcustomcolor() { - return iconcustomcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - public String getIconcolor() { - return iconcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - public String getIconsize() { - return iconsize; - } - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - public List getIcons() { - return icons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public FooterModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showlogo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String logo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ + @Inject + private String logoalttext; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String logourl; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ + @Inject + private String logosize; + + /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + @Inject + private List columns; + + /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String copyright; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String iconcustomcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + @Inject + @Default(values = "#000000") + private String iconcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + @Inject + @Default(values = "25") + private String iconsize; + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + @Inject + private List icons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowlogo() { + return showlogo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getLogo() { + return logo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ + public String getLogoalttext() { + return logoalttext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getLogourl() { + return logourl; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ + public String getLogosize() { + return logosize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + public List getColumns() { + return columns; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ + public String getCopyright() { + return copyright; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getIconcustomcolor() { + return iconcustomcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + public String getIconcolor() { + return iconcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + public String getIconsize() { + return iconsize; + } + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + public List getIcons() { + return icons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/HeaderModel.java b/core/src/main/java/com/themecleanflex/models/HeaderModel.java index b284c96e7..62a3964e6 100644 --- a/core/src/main/java/com/themecleanflex/models/HeaderModel.java +++ b/core/src/main/java/com/themecleanflex/models/HeaderModel.java @@ -513,334 +513,329 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/header", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/header", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class HeaderModel extends AbstractComponent { - public HeaderModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String logo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String logoalttext; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String logourl; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ - @Inject - @Default(values ="50") - private String logosize; - - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String collapsed; - - /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ - @Inject - private String elevation; - - /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String sticky; - - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - @Inject - private List links; - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="text-blue-800") - private String linkcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getLogo() { - return logo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ - public String getLogoalttext() { - return logoalttext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getLogourl() { - return logourl; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ - public String getLogosize() { - return logosize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getCollapsed() { - return collapsed; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ - public String getElevation() { - return elevation; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getSticky() { - return sticky; - } - - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - public List getLinks() { - return links; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public HeaderModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String logo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String logoalttext; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String logourl; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ + @Inject + @Default(values = "50") + private String logosize; + + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String collapsed; + + /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ + @Inject + private String elevation; + + /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String sticky; + + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + @Inject + private List links; + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "text-blue-800") + private String linkcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getLogo() { + return logo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ + public String getLogoalttext() { + return logoalttext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getLogourl() { + return logourl; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ + public String getLogosize() { + return logosize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getCollapsed() { + return collapsed; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ + public String getElevation() { + return elevation; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getSticky() { + return sticky; + } + + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + public List getLinks() { + return links; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediaModel.java b/core/src/main/java/com/themecleanflex/models/MediaModel.java index 987853951..d14bd3ce1 100644 --- a/core/src/main/java/com/themecleanflex/models/MediaModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediaModel.java @@ -114,105 +114,100 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/media", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/media", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MediaModel extends AbstractComponent { - public MediaModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ - @Inject - private String mediaicon; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ - @Inject - @Default(values ="50") - private String mediaiconsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ - @Inject - @Default(values ="#000000") - private String mediaiconcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String imagesrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="100") - private String mediawidth; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ - public String getMediaicon() { - return mediaicon; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ - public String getMediaiconsize() { - return mediaiconsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ - public String getMediaiconcolor() { - return mediaiconcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getImagesrc() { - return imagesrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public MediaModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ + @Inject + private String mediaicon; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ + @Inject + @Default(values = "50") + private String mediaiconsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ + @Inject + @Default(values = "#000000") + private String mediaiconcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String imagesrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "100") + private String mediawidth; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ + public String getMediaicon() { + return mediaicon; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ + public String getMediaiconsize() { + return mediaiconsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ + public String getMediaiconcolor() { + return mediaiconcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getImagesrc() { + return imagesrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediablockModel.java b/core/src/main/java/com/themecleanflex/models/MediablockModel.java index b6778b449..9a561a057 100644 --- a/core/src/main/java/com/themecleanflex/models/MediablockModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediablockModel.java @@ -1,9 +1,11 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; - +import java.awt.Dimension; +import javax.inject.Inject; import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; @@ -11,11 +13,6 @@ import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -373,288 +370,283 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/mediablock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/mediablock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MediablockModel extends AbstractComponent { - public MediablockModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values ="") - private String imagesrc; - - @Inject - @ImageInfo(name="imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values ="") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="100") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public MediablockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "100") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java index 8896dfc95..db42afb8a 100644 --- a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java +++ b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java @@ -113,49 +113,44 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/menubuttons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/menubuttons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class MenubuttonsModel extends AbstractComponent { - public MenubuttonsModel(Resource r) { super(r); } + public MenubuttonsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NavigationModel.java b/core/src/main/java/com/themecleanflex/models/NavigationModel.java index 12e61c673..736241b0f 100644 --- a/core/src/main/java/com/themecleanflex/models/NavigationModel.java +++ b/core/src/main/java/com/themecleanflex/models/NavigationModel.java @@ -1,5 +1,7 @@ package com.themecleanflex.models; +import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; + import com.peregrine.adaption.PerPage; import com.peregrine.adaption.PerPageManager; import com.peregrine.nodetypes.models.AbstractComponent; @@ -15,8 +17,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; - /* //GEN[:DATA { @@ -349,351 +349,361 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/navigation", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/navigation", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class NavigationModel extends AbstractComponent { - public NavigationModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ - @Inject - @Default(values ="end") - private String justifyitems; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; + public NavigationModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String excludesitemapexcludes; + + /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ + @Inject + @Default(values = "end") + private String justifyitems; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ + public String getJustifyitems() { + return justifyitems; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + NavigationModel.class + ); + + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + public String getLevels() { + return "2"; + } + + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; + } + + public String getRootPageTitle() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; + } + + public String getRootPageLink() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; + } + + public List getChildrenPages() { + boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); + List childPages = new ArrayList(); + String rootPage = getRootpage(); + if (rootPage != null) { + int levels = Integer.parseInt(getLevels()); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (!child.getPath().equals(page.getPath())) { + childPages.add(new Page(child, levels, excludeSitemap)); + } + } + } + } + return childPages; + } + class Page { -//GEN] + private PerPage page; + private int levels; + private boolean excludeSitemap; + + public Page(PerPage page, int levels, boolean excludeSitemap) { + this.page = page; + this.levels = levels; + this.excludeSitemap = excludeSitemap; + } - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ - public String getJustifyitems() { - return justifyitems; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } + public String getTitle() { + return page.getTitle(); + } + public String getPath() { + return page.getPath(); + } -//GEN] + public int getLevels() { + return levels; + } - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger(NavigationModel.class); - - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - public String getLevels() { - return "2"; - } - - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getRootPageTitle() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if(page == null) return "not adaptable"; - return page != null ? page.getTitle(): ""; - } - - public String getRootPageLink() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if(page == null) return "not adaptable"; - return page != null ? page.getPath(): ""; - } - - public List getChildrenPages() { - boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); - List childPages = new ArrayList(); - String rootPage = getRootpage(); - if (rootPage != null) { - int levels = Integer.parseInt(getLevels()); - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if (page != null) { - for (PerPage child : page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { - continue; - } - if (!child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels, excludeSitemap)); - } - } - } - } - return childPages; - } - - class Page { - - private PerPage page; - private int levels; - private boolean excludeSitemap; - - public Page(PerPage page, int levels, boolean excludeSitemap) { - this.page = page; - this.levels = levels; - this.excludeSitemap = excludeSitemap; - } - - public String getTitle() { - return page.getTitle(); - } - - public String getPath() { - return page.getPath(); - } - - public int getLevels() { - return levels; - } - - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - System.out.println(); - if(page != null) { - for (PerPage child: page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { - continue; - } - if(!child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels-1, excludeSitemap)); - } - } - } - return childPages; - } -} - //GEN] + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } + + public List getChildrenPages() { + List childPages = new ArrayList(); + System.out.println(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (!child.getPath().equals(page.getPath())) { + childPages.add(new Page(child, levels - 1, excludeSitemap)); + } + } + } + return childPages; + } + } + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NoteModel.java b/core/src/main/java/com/themecleanflex/models/NoteModel.java index 402263ad0..2d728d959 100644 --- a/core/src/main/java/com/themecleanflex/models/NoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/NoteModel.java @@ -339,251 +339,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/note", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/note", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class NoteModel extends AbstractComponent { - public NoteModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ - @Inject - @Default(values ="note") - private String notetype; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ - public String getNotetype() { - return notetype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public NoteModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ + @Inject + @Default(values = "note") + private String notetype; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ + public String getNotetype() { + return notetype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistModel.java b/core/src/main/java/com/themecleanflex/models/PagelistModel.java index b9ee0d707..305fd0ab9 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistModel.java @@ -1,5 +1,7 @@ package com.themecleanflex.models; +import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; + import com.peregrine.adaption.PerPage; import com.peregrine.adaption.PerPageManager; import com.peregrine.nodetypes.models.AbstractComponent; @@ -7,7 +9,6 @@ import java.util.ArrayList; import java.util.List; import javax.inject.Inject; - import org.apache.sling.api.resource.Resource; import org.apache.sling.api.resource.ValueMap; import org.apache.sling.models.annotations.Default; @@ -17,7 +18,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import static com.peregrine.commons.util.PerConstants.EXCLUDE_FROM_SITEMAP; /* //GEN[:DATA { @@ -379,458 +379,500 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelist", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelist", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistModel extends AbstractComponent { - public PagelistModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String includeroot; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-group":"content","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - @Inject - private String levels; - - /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ - @Inject - private List references; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; + public PagelistModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String includeroot; -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String excludesitemapexcludes; - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getIncluderoot() { - return includeroot; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ - public List getReferences() { - return references; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-group":"content","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + @Inject + private String levels; + /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ + @Inject + private List references; -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getIncluderoot() { + return includeroot; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ + public List getReferences() { + return references; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger(PagelistModel.class); + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - public String getLevels() { - return levels == null ? "1" : levels; - } + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + PagelistModel.class + ); + + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + public String getLevels() { + return levels == null ? "1" : levels; + } public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getRootPage() { - if(rootpage == null) { - PerPage currentPage = getResource().adaptTo(PerPage.class); - if(currentPage != null) { - return currentPage.getPath(); - } - } - return rootpage; - } - - public String getRootPageTitle() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if(page == null) return "not adaptable"; - return page != null ? page.getTitle(): ""; - } - - public String getRootPageLink() { - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if(page == null) return "not adaptable"; - return page != null ? page.getPath(): ""; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - String rootPage = getRootPage(); - if (rootPage != null) { - int levels = Integer.parseInt(getLevels()); - boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); - PerPageManager ppm = getResource().getResourceResolver().adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if (page != null) { - for (PerPage child : page.listChildren()) { - if ( !(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) - && (!child.getPath().equals(page.getPath())) - ) { - childPages.add(new Page(child, levels, getReferences(), excludeSitemap)); - } - } - } - } - return childPages; - } - - class Page { - - private PerPage page; - private int levels; - private List references; - private boolean excludeSitemap; + return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; + } + + public String getRootPage() { + if (rootpage == null) { + PerPage currentPage = getResource().adaptTo(PerPage.class); + if (currentPage != null) { + return currentPage.getPath(); + } + } + return rootpage; + } + + public String getRootPageTitle() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; + } + + public String getRootPageLink() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; + } - // public Page(PerPage page) { - // this.page = page; - // } - - // public Page(PerPage page, int levels) { - // this.page = page; - // this.levels = levels; - // } - - public Page(PerPage page, int levels, List references, boolean excludeSitemap) { - this.page = page; - this.levels = levels; - this.references = references; - this.excludeSitemap = excludeSitemap; - } - - public String getTitle() { - return page.getTitle(); - } - - public String getPath() { - return page.getPath(); - } - - public int getLevels() { - return levels; - } - - public List getReferences() { - List ret = new ArrayList<>(); - if(references == null) return ret; - for (IComponent ref : references) { - Resource res = ref.getResource(); - ValueMap vm = res.adaptTo(ValueMap.class); - String contentName = vm.get("contentname", String.class); - String contentField = vm.get("contentfield", String.class) != null ? vm.get("contentfield", String.class) : "text"; - String cssClass = vm.get("cssclass", String.class); - String tagName = vm.get("htmlelement", String.class); - if(contentName != null && tagName != null) { - Resource content = findResourceWithName(page.getContentResource(), contentName); - if(content != null) { - ValueMap props = content.adaptTo(ValueMap.class); - String value = props.get(contentField, String.class); - ret.add(new ReferencedContent(contentField, value, tagName, cssClass, content.getPath())); + public List getChildrenPages() { + List childPages = new ArrayList(); + String rootPage = getRootPage(); + if (rootPage != null) { + int levels = Integer.parseInt(getLevels()); + boolean excludeSitemap = Boolean.parseBoolean( + getExcludeSitemapExcludes() + ); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + !( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) && + (!child.getPath().equals(page.getPath())) + ) { + childPages.add( + new Page(child, levels, getReferences(), excludeSitemap) + ); + } } } } - return ret; + return childPages; } - private Resource findResourceWithName(Resource resource, String contentName) { - ValueMap vm = resource.adaptTo(ValueMap.class); - String contentname = vm.get("contentname", String.class); - if(contentName.equals(contentname)) { - return resource; + class Page { + + private PerPage page; + private int levels; + private List references; + private boolean excludeSitemap; + + // public Page(PerPage page) { + // this.page = page; + // } + + // public Page(PerPage page, int levels) { + // this.page = page; + // this.levels = levels; + // } + + public Page( + PerPage page, + int levels, + List references, + boolean excludeSitemap + ) { + this.page = page; + this.levels = levels; + this.references = references; + this.excludeSitemap = excludeSitemap; } - for (Resource child : resource.getChildren()) { - Resource ret = findResourceWithName(child, contentName); - if(ret != null) { - return ret; - } + + public String getTitle() { + return page.getTitle(); } - return null; - } - - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - if(page != null) { - for (PerPage child: page.listChildren()) { - if(excludeSitemap && child.getContentProperty(EXCLUDE_FROM_SITEMAP, false)) { - continue; - } - if(levels > 0 && !child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels-1, references, excludeSitemap)); - } - } - } - return childPages; - } -} -class ReferencedContent { + public String getPath() { + return page.getPath(); + } - private String path; - private String contentField; - private String value; - private String htmlElement; - private String cssClass; + public int getLevels() { + return levels; + } - public ReferencedContent(String contentField, String value, String htmlElement, String cssClass, String path) { - this.path = path; - this.contentField = contentField; - this.value = value; - this.htmlElement = htmlElement; - this.cssClass = cssClass; - } + public List getReferences() { + List ret = new ArrayList<>(); + if (references == null) return ret; + for (IComponent ref : references) { + Resource res = ref.getResource(); + ValueMap vm = res.adaptTo(ValueMap.class); + String contentName = vm.get("contentname", String.class); + String contentField = vm.get("contentfield", String.class) != null + ? vm.get("contentfield", String.class) + : "text"; + String cssClass = vm.get("cssclass", String.class); + String tagName = vm.get("htmlelement", String.class); + if (contentName != null && tagName != null) { + Resource content = findResourceWithName( + page.getContentResource(), + contentName + ); + if (content != null) { + ValueMap props = content.adaptTo(ValueMap.class); + String value = props.get(contentField, String.class); + ret.add( + new ReferencedContent( + contentField, + value, + tagName, + cssClass, + content.getPath() + ) + ); + } + } + } + return ret; + } - public String getKey() { - return path + '.' + contentField; - } + private Resource findResourceWithName( + Resource resource, + String contentName + ) { + ValueMap vm = resource.adaptTo(ValueMap.class); + String contentname = vm.get("contentname", String.class); + if (contentName.equals(contentname)) { + return resource; + } + for (Resource child : resource.getChildren()) { + Resource ret = findResourceWithName(child, contentName); + if (ret != null) { + return ret; + } + } + return null; + } - public String getContentField() { - return contentField; - } + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } - public String getValue() { - return value; + public List getChildrenPages() { + List childPages = new ArrayList(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (levels > 0 && !child.getPath().equals(page.getPath())) { + childPages.add( + new Page(child, levels - 1, references, excludeSitemap) + ); + } + } + } + return childPages; + } } - public String getHtmlElement() { - return htmlElement; - } + class ReferencedContent { + + private String path; + private String contentField; + private String value; + private String htmlElement; + private String cssClass; + + public ReferencedContent( + String contentField, + String value, + String htmlElement, + String cssClass, + String path + ) { + this.path = path; + this.contentField = contentField; + this.value = value; + this.htmlElement = htmlElement; + this.cssClass = cssClass; + } - public String getCssClass() { - return cssClass; - } + public String getKey() { + return path + '.' + contentField; + } -} + public String getContentField() { + return contentField; + } - //GEN] + public String getValue() { + return value; + } + + public String getHtmlElement() { + return htmlElement; + } + + public String getCssClass() { + return cssClass; + } + } + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java index c69ecc9b4..26c88c78a 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java @@ -28,30 +28,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelistnested", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelistnested", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistnestedModel extends AbstractComponent { - public PagelistnestedModel(Resource r) { super(r); } + public PagelistnestedModel(Resource r) { + super(r); + } + //GEN[:INJECT - //GEN[:INJECT - -//GEN] + //GEN] - //GEN[:GETTERS - -//GEN] + //GEN[:GETTERS + + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagerModel.java b/core/src/main/java/com/themecleanflex/models/PagerModel.java index ea5cbca90..7debdd579 100644 --- a/core/src/main/java/com/themecleanflex/models/PagerModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagerModel.java @@ -1,6 +1,7 @@ package com.themecleanflex.models; import com.peregrine.adaption.PerPage; +import com.peregrine.commons.util.PerConstants; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; import javax.inject.Inject; @@ -13,7 +14,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import com.peregrine.commons.util.PerConstants; /* //GEN[:DATA { @@ -420,397 +420,406 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pager", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pager", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class PagerModel extends AbstractComponent { - private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); - - public PagerModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - @Inject - private String includeroot; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="primary") - private String buttoncolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ - @Inject - @Default(values ="Previous") - private String prevlabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ - @Inject - @Default(values ="Next") - private String nextlabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ - @Inject - private String disableprevious; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - public String getIncluderoot() { - return includeroot; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getButtoncolor() { - return buttoncolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ - public String getPrevlabel() { - return prevlabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ - public String getNextlabel() { - return nextlabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ - public String getDisableprevious() { - return disableprevious; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getDisablePrevious() { - return disableprevious == null ? "false" : disableprevious; - } - - public String getRootPage() { - if(rootpage == null) - return ""; - if(rootpage.endsWith("/")) - return rootpage.substring(0,rootpage.length()-1); - return rootpage; - } - - public String getIncludeRoot() { - return includeroot == null ? "false" : includeroot; - } - - public String getPrevious() { - if(Boolean.parseBoolean(getDisablePrevious())) { - return "unknown"; - } - Resource res = getCurrentPage(getRootResource()); - //LOG.debug("resource: {}",res); - if(res == null) res = getCurrentPage(getResource()); - PerPage page = res.adaptTo(PerPage.class); - if(page == null) return "not adaptable"; - PerPage prev = page.getPrevious(); - if(Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while(prev != null && prev.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false)) { - prev = prev.getPrevious(); - } - } - if(prev != null && !prev.getPath().startsWith(getRootPage())) { - prev = null; - } - if(prev != null && !Boolean.parseBoolean(getIncludeRoot())) { - // include root is false, so make sure path isn't equal to root page - if(prev.getPath().equals(getRootPage())) { - prev = null; - } - } - return prev != null ? prev.getPath(): "unknown"; + private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); + + public PagerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + @Inject + private String includeroot; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "primary") + private String buttoncolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ + @Inject + @Default(values = "Previous") + private String prevlabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ + @Inject + @Default(values = "Next") + private String nextlabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ + @Inject + private String disableprevious; + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + @Inject + private String excludesitemapexcludes; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + public String getIncluderoot() { + return includeroot; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getButtoncolor() { + return buttoncolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ + public String getPrevlabel() { + return prevlabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ + public String getNextlabel() { + return nextlabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ + public String getDisableprevious() { + return disableprevious; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; + } + + public String getDisablePrevious() { + return disableprevious == null ? "false" : disableprevious; + } + + public String getRootPage() { + if (rootpage == null) return ""; + if (rootpage.endsWith("/")) return rootpage.substring( + 0, + rootpage.length() - 1 + ); + return rootpage; + } + + public String getIncludeRoot() { + return includeroot == null ? "false" : includeroot; + } + + public String getPrevious() { + if (Boolean.parseBoolean(getDisablePrevious())) { + return "unknown"; } + Resource res = getCurrentPage(getRootResource()); + //LOG.debug("resource: {}",res); + if (res == null) res = getCurrentPage(getResource()); + PerPage page = res.adaptTo(PerPage.class); + if (page == null) return "not adaptable"; + PerPage prev = page.getPrevious(); + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + prev != null && + prev.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false) + ) { + prev = prev.getPrevious(); + } + } + if (prev != null && !prev.getPath().startsWith(getRootPage())) { + prev = null; + } + if (prev != null && !Boolean.parseBoolean(getIncludeRoot())) { + // include root is false, so make sure path isn't equal to root page + if (prev.getPath().equals(getRootPage())) { + prev = null; + } + } + return prev != null ? prev.getPath() : "unknown"; + } + + public String getNext() { + Resource res = getCurrentPage(getRootResource()); + if (res == null) res = getCurrentPage(getResource()); + PerPage page = res.adaptTo(PerPage.class); + if (page == null) return "not adaptable"; + PerPage next = page.getNext(); + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + next != null && + next.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false) + ) { + next = next.getNext(); + } + } + if (next != null && !next.getPath().startsWith(getRootPage())) { + next = null; + } + return next != null ? next.getPath() : "unknown"; + } - public String getNext() { - Resource res = getCurrentPage(getRootResource()); - if(res == null) res = getCurrentPage(getResource()); - PerPage page = res.adaptTo(PerPage.class); - if(page == null) return "not adaptable"; - PerPage next = page.getNext(); - if(Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while(next != null && next.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false)) { - next = next.getNext(); - } - } - if(next != null && !next.getPath().startsWith(getRootPage())) { - next = null; - } - return next != null ? next.getPath(): "unknown"; + private Resource getCurrentPage(Resource resource) { + if (resource == null) { + return null; } - - private Resource getCurrentPage(Resource resource) { - if(resource == null) { return null; } - String resourceType = null; - try{ - - ValueMap props = resource.adaptTo(ValueMap.class); - resourceType = props.get("jcr:primaryType", "type not found"); - LOG.debug("resource type is: " + resourceType + " path is:" + resource.getPath()); - // we only care about per:page node - if("per:Page".equals(resourceType)) { - LOG.debug("returned resource type is: " + resourceType + " path is:" + resource.getPath()); - return resource; - } - else { - if(resource.getParent() != null) { - return getCurrentPage(resource.getParent()); - } + String resourceType = null; + try { + ValueMap props = resource.adaptTo(ValueMap.class); + resourceType = props.get("jcr:primaryType", "type not found"); + LOG.debug( + "resource type is: " + resourceType + " path is:" + resource.getPath() + ); + // we only care about per:page node + if ("per:Page".equals(resourceType)) { + LOG.debug( + "returned resource type is: " + + resourceType + + " path is:" + + resource.getPath() + ); + return resource; + } else { + if (resource.getParent() != null) { + return getCurrentPage(resource.getParent()); } - } catch(Exception e){ - LOG.error("Exception: " + e); } - return null; + } catch (Exception e) { + LOG.error("Exception: " + e); } - + return null; + } } diff --git a/core/src/main/java/com/themecleanflex/models/QuoteModel.java b/core/src/main/java/com/themecleanflex/models/QuoteModel.java index 0b0cb49bf..dbab1efd8 100644 --- a/core/src/main/java/com/themecleanflex/models/QuoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/QuoteModel.java @@ -318,251 +318,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/quote", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/quote", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class QuoteModel extends AbstractComponent { - public QuoteModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String blockquote; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getBlockquote() { - return blockquote; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public QuoteModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String blockquote; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getBlockquote() { + return blockquote; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java index 7483f3a58..b6a8064cb 100644 --- a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java +++ b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java @@ -1,10 +1,17 @@ package com.themecleanflex.models; +import static java.util.Objects.isNull; + import com.fasterxml.jackson.databind.ObjectMapper; import com.peregrine.commons.util.PerConstants; - import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.io.IOException; +import java.io.StringWriter; +import java.util.ArrayList; +import java.util.Collections; +import java.util.Map; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.api.resource.ResourceResolver; import org.apache.sling.models.annotations.Default; @@ -17,16 +24,6 @@ import org.slf4j.Logger; import org.slf4j.LoggerFactory; -import java.io.IOException; -import java.io.StringWriter; -import java.util.ArrayList; -import java.util.Collections; -import java.util.Map; - -import javax.inject.Inject; - -import static java.util.Objects.isNull; - /* //GEN[:DATA { @@ -336,332 +333,335 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/reference", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/reference", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class ReferenceModel extends AbstractComponent { - public ReferenceModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String reference; - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ - @Inject - private String contentnameref; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; + public ReferenceModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String reference; + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ + @Inject + private String contentnameref; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getReference() { + return reference; + } + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ + public String getContentnameref() { + return contentnameref; + } -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getReference() { - return reference; - } - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ - public String getContentnameref() { - return contentnameref; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } - //GEN[:CUSTOMGETTERS - //GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } - private static final Logger LOG = LoggerFactory.getLogger(ReferenceModel.class); + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } - @Inject - private ModelFactory modelFactory; - - public String referenceJson; - - public String getReferenceJson() { - referenceJson = generateReferenceJson(); - return referenceJson; + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + + private static final Logger LOG = LoggerFactory.getLogger( + ReferenceModel.class + ); + + @Inject + private ModelFactory modelFactory; + + public String referenceJson; + + public String getReferenceJson() { + referenceJson = generateReferenceJson(); + return referenceJson; + } + + private String generateReferenceJson() { + if (reference == null || "".equals(reference)) { + return null; } - - private String generateReferenceJson() { - if(reference == null || "".equals(reference)) { - return null; - } - ResourceResolver resourceResolver = getResource().getResourceResolver(); - Resource referencedResource = resourceResolver.getResource(reference+"/jcr:content"); - if(referencedResource == null) { - LOG.error("Reference '{}' does not resolve to a resource.", reference); + ResourceResolver resourceResolver = getResource().getResourceResolver(); + Resource referencedResource = resourceResolver.getResource( + reference + "/jcr:content" + ); + if (referencedResource == null) { + LOG.error("Reference '{}' does not resolve to a resource.", reference); + return null; + } + try { + Map referenceMap = modelFactory.exportModelForResource( + referencedResource, + PerConstants.JACKSON, + Map.class, + Collections.emptyMap() + ); + + // TODO: finding the node should happen before the export due to the fact that this + // could result in a recursion if we point to content on the same page + Map result = findNode(referenceMap, "contentname", getContentnameref()); + if (result != null) { + StringWriter writer = new StringWriter(); + ObjectMapper mapper = new ObjectMapper(); + mapper.writeValue(writer, result); + writer.close(); + return writer.toString(); + } else { return null; } - try { - Map referenceMap = modelFactory.exportModelForResource(referencedResource, - PerConstants.JACKSON, Map.class, Collections.emptyMap()); - - // TODO: finding the node should happen before the export due to the fact that this - // could result in a recursion if we point to content on the same page - Map result = findNode(referenceMap, "contentname", getContentnameref()); - if(result != null) { - StringWriter writer = new StringWriter(); - ObjectMapper mapper = new ObjectMapper(); - mapper.writeValue(writer, result); - writer.close(); - return writer.toString(); - } else { - return null; - } - } catch (ExportException e) { - LOG.error("Export failed for resource " + reference, e); - } catch (MissingExporterException e) { - LOG.error("Could not find exporter for resource " + reference, e); - } catch (IOException e) { - LOG.error("Failed to write json for resource " + reference, e); - } - return null; + } catch (ExportException e) { + LOG.error("Export failed for resource " + reference, e); + } catch (MissingExporterException e) { + LOG.error("Could not find exporter for resource " + reference, e); + } catch (IOException e) { + LOG.error("Failed to write json for resource " + reference, e); } + return null; + } - // find a node with the given key/value pair in our json output - private Map findNode(Map map, String name, String value) { - for (Object key : map.keySet()) { - Object val = map.get(key); - if(equals(key, name)) { - if(equals(value, val)) { - return map; - } + // find a node with the given key/value pair in our json output + private Map findNode(Map map, String name, String value) { + for (Object key : map.keySet()) { + Object val = map.get(key); + if (equals(key, name)) { + if (equals(value, val)) { + return map; } - if("children".equals(key) && val instanceof ArrayList) { - ArrayList children = (ArrayList) val; - for (Object child : children) { - if(child instanceof Map) { - Map ret = findNode((Map) child, name, value); - if(ret != null) return ret; - } + } + if ("children".equals(key) && val instanceof ArrayList) { + ArrayList children = (ArrayList) val; + for (Object child : children) { + if (child instanceof Map) { + Map ret = findNode((Map) child, name, value); + if (ret != null) return ret; } } } - return null; } + return null; + } - private static boolean equals(final Object obj, final Object other) { - if (obj == other) { - return true; - } - - if (isNull(obj) || isNull(other)) { - return false; - } + private static boolean equals(final Object obj, final Object other) { + if (obj == other) { + return true; + } - return obj.equals(other); + if (isNull(obj) || isNull(other)) { + return false; } + return obj.equals(other); } +} diff --git a/core/src/main/java/com/themecleanflex/models/RichtextModel.java b/core/src/main/java/com/themecleanflex/models/RichtextModel.java index 5d1a25e18..feeec683c 100644 --- a/core/src/main/java/com/themecleanflex/models/RichtextModel.java +++ b/core/src/main/java/com/themecleanflex/models/RichtextModel.java @@ -1,7 +1,10 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; +import javax.inject.Inject; import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; @@ -9,11 +12,6 @@ import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -406,316 +404,311 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/richtext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/richtext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class RichtextModel extends AbstractComponent { - public RichtextModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values ="") - private String imagesrc; - - @Inject - @ImageInfo(name="imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values ="") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values ="before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public RichtextModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java index eedda7e43..d519d27fc 100644 --- a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java +++ b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java @@ -344,251 +344,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/simpletext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/simpletext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SimpletextModel extends AbstractComponent { - public SimpletextModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ - @Inject - @Default(values ="p") - private String element; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ - public String getElement() { - return element; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public SimpletextModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ + @Inject + @Default(values = "p") + private String element; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ + public String getElement() { + return element; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java index 1cb549e99..68169f1ec 100644 --- a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java +++ b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java @@ -86,68 +86,63 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/socialicons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/socialicons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SocialiconsModel extends AbstractComponent { - public SocialiconsModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String iconcustomcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - @Inject - @Default(values ="#000000") - private String iconcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - @Inject - @Default(values ="25") - private String iconsize; - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - @Inject - private List icons; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getIconcustomcolor() { - return iconcustomcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - public String getIconcolor() { - return iconcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - public String getIconsize() { - return iconsize; - } - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - public List getIcons() { - return icons; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public SocialiconsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String iconcustomcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + @Inject + @Default(values = "#000000") + private String iconcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + @Inject + @Default(values = "25") + private String iconsize; + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + @Inject + private List icons; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getIconcustomcolor() { + return iconcustomcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + public String getIconcolor() { + return iconcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + public String getIconsize() { + return iconsize; + } + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + public List getIcons() { + return icons; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SpacerModel.java b/core/src/main/java/com/themecleanflex/models/SpacerModel.java index 97a22d533..4e4c29919 100644 --- a/core/src/main/java/com/themecleanflex/models/SpacerModel.java +++ b/core/src/main/java/com/themecleanflex/models/SpacerModel.java @@ -225,175 +225,170 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/spacer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/spacer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class SpacerModel extends AbstractComponent { - public SpacerModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ - @Inject - private String height; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ - public String getHeight() { - return height; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public SpacerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + @Inject + private String height; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + public String getHeight() { + return height; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TabsModel.java b/core/src/main/java/com/themecleanflex/models/TabsModel.java index 139fba74f..f157be9b6 100644 --- a/core/src/main/java/com/themecleanflex/models/TabsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TabsModel.java @@ -1,20 +1,18 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -486,362 +484,357 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tabs", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/tabs", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TabsModel extends AbstractComponent { - public TabsModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values ="before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values ="") - private String imagesrc; - - @Inject - @ImageInfo(name="imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values ="") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="blue") - private String tabcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ - @Inject - private List tabs; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getTabcolor() { - return tabcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ - public List getTabs() { - return tabs; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TabsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "blue") + private String tabcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ + @Inject + private List tabs; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getTabcolor() { + return tabcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ + public List getTabs() { + return tabs; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TagsModel.java b/core/src/main/java/com/themecleanflex/models/TagsModel.java index 60bcabc0c..19101ef54 100644 --- a/core/src/main/java/com/themecleanflex/models/TagsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TagsModel.java @@ -348,260 +348,255 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tags", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/tags", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TagsModel extends AbstractComponent { - public TagsModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String tagslabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ - @Inject - @Default(values ="blue") - private String tagcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String pagelink; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ - public String getTagslabel() { - return tagslabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ - public String getTagcolor() { - return tagcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getPagelink() { - return pagelink; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TagsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String tagslabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ + @Inject + @Default(values = "blue") + private String tagcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String pagelink; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + public String getTagslabel() { + return tagslabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ + public String getTagcolor() { + return tagcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getPagelink() { + return pagelink; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java index f61ed0f01..fc8e25785 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java @@ -499,353 +499,348 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaserhorizontal", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaserhorizontal", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserhorizontalModel extends AbstractComponent { - public TeaserhorizontalModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values ="center") - private String aligncontent; - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ - @Inject - private String isprimary; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ - @Inject - @Default(values ="100") - private String textwidth; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ - @Inject - @Default(values ="right") - private String buttonside; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getAligncontent() { - return aligncontent; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ - public String getIsprimary() { - return isprimary; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ - public String getTextwidth() { - return textwidth; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ - public String getButtonside() { - return buttonside; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TeaserhorizontalModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String aligncontent; + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ + @Inject + private String isprimary; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ + @Inject + @Default(values = "100") + private String textwidth; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ + @Inject + @Default(values = "right") + private String buttonside; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getAligncontent() { + return aligncontent; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ + public String getIsprimary() { + return isprimary; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ + public String getTextwidth() { + return textwidth; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ + public String getButtonside() { + return buttonside; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java index 8a9146e4b..bbf788fff 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java @@ -1,22 +1,19 @@ package com.themecleanflex.models; +import com.peregrine.model.api.ImageInfo; import com.peregrine.model.api.ImageInfo; import com.peregrine.nodetypes.models.AbstractComponent; import com.peregrine.nodetypes.models.IComponent; - +import java.awt.Dimension; import java.util.List; import javax.inject.Inject; +import javax.inject.Inject; import org.apache.sling.api.resource.Resource; import org.apache.sling.models.annotations.Default; import org.apache.sling.models.annotations.DefaultInjectionStrategy; import org.apache.sling.models.annotations.Exporter; import org.apache.sling.models.annotations.Model; -import javax.inject.Inject; - -import com.peregrine.model.api.ImageInfo; -import java.awt.Dimension; - /* //GEN[:DATA { @@ -605,428 +602,423 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaservertical", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class -) -@Exporter( - name = "jackson", - extensions = "json" + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaservertical", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserverticalModel extends AbstractComponent { - public TeaserverticalModel(Resource r) { super(r); } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values ="center") - private String aligncontent; - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ - @Inject - private String isprimary; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ - @Inject - @Default(values ="100") - private String textwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ - @Inject - @Default(values ="center") - private String alignbuttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values ="default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values ="") - private String imagesrc; - - @Inject - @ImageInfo(name="imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values ="") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values ="50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values ="before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values ="section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values ="false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values ="https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values ="cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values ="50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values ="#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values ="#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values ="default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values ="false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - -//GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getAligncontent() { - return aligncontent; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ - public String getIsprimary() { - return isprimary; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ - public String getTextwidth() { - return textwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ - public String getAlignbuttons() { - return alignbuttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - -//GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TeaserverticalModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String aligncontent; + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ + @Inject + private String isprimary; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ + @Inject + @Default(values = "100") + private String textwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ + @Inject + @Default(values = "center") + private String alignbuttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getAligncontent() { + return aligncontent; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ + public String getIsprimary() { + return isprimary; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ + public String getTextwidth() { + return textwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ + public String getAlignbuttons() { + return alignbuttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java index 4980cecd6..1dd8a56f4 100644 --- a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java +++ b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java @@ -88,49 +88,44 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/textlinks", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/textlinks", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) -@Exporter( - name = "jackson", - extensions = "json" -) - +@Exporter(name = "jackson", extensions = "json") //GEN] public class TextlinksModel extends AbstractComponent { - public TextlinksModel(Resource r) { super(r); } + public TextlinksModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - @Inject - private List links; + //GEN[:INJECT + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + @Inject + private List links; - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values ="text-blue-800") - private String linkcolor; + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "text-blue-800") + private String linkcolor; + //GEN] -//GEN] - - //GEN[:GETTERS - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - public List getLinks() { - return links; - } + //GEN[:GETTERS + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + public List getLinks() { + return links; + } - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - - -//GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/fragments/accordion/hatch.js b/fragments/accordion/hatch.js index d89e3206a..bccd96d53 100644 --- a/fragments/accordion/hatch.js +++ b/fragments/accordion/hatch.js @@ -1,24 +1,24 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Header - f.addIf($.find('h2').first(), 'model.showtitle == \'true\'') - f.mapField($.find('h2').first(), "model.title") + //Header + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "model.title"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'flex-col': model.mediaposition === 'before', 'flex-col-reverse': model.mediaposition === 'after', 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' - }` + }`; - let contentDiv = $.find('.flex').first() - f.bindAttribute( contentDiv, 'class', containerClasses, false) + let contentDiv = $.find(".flex").first(); + f.bindAttribute(contentDiv, "class", containerClasses, false); - let accordionClasses = `{ + let accordionClasses = `{ 'bg-white' : model.colorscheme === 'light', 'bg-gray-800' : model.colorscheme === 'dark', 'border border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', @@ -28,51 +28,81 @@ module.exports = { 'rounded': model.roundedcorners == 'medium', 'rounded-lg': model.roundedcorners == 'large', 'rounded-full': model.roundedcorners == 'full' - }` - let accordionDiv = contentDiv.find('.accordion-container').first() - f.bindAttribute( accordionDiv, 'class', accordionClasses, false) + }`; + let accordionDiv = contentDiv.find(".accordion-container").first(); + f.bindAttribute(accordionDiv, "class", accordionClasses, false); - let mediaClasses = `{ + let mediaClasses = `{ 'img-wrapper rounded-none': model.roundedcorners == 'none', 'img-wrapper rounded-sm': model.roundedcorners == 'small', 'img-wrapper rounded': model.roundedcorners == 'medium', 'img-wrapper rounded-lg': model.roundedcorners == 'large', 'img-wrapper rounded-full': model.roundedcorners == 'full' - }` - //Media - let mediaDiv = contentDiv.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.bindAttribute( mediaDiv, 'class', mediaClasses, false) - f.replace( mediaDiv.find('img'), '') + }`; + //Media + let mediaDiv = contentDiv.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.bindAttribute(mediaDiv, "class", mediaClasses, false); + f.replace( + mediaDiv.find("img"), + '' + ); - let accordionContainerClasses = `{ + let accordionContainerClasses = `{ 'border-b border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', 'border-b border-solid border-gray-900': model.colorscheme === 'dark' && model.cardborder === 'true', 'bg-secondary': active[i] - }` + }`; - //Accordion Container - let accordionContainer = $.find('div:nth-child(1)').eq(1) - f.addFor(accordionContainer, 'model.accordiontoggle') - f.bindAttribute( accordionContainer, 'id', "`accordion${_uid}${parseInt(i)+1}`") - f.bindAttribute(accordionContainer, 'class', accordionContainerClasses, false) + //Accordion Container + let accordionContainer = $.find("div:nth-child(1)").eq(1); + f.addFor(accordionContainer, "model.accordiontoggle"); + f.bindAttribute( + accordionContainer, + "id", + "`accordion${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + accordionContainer, + "class", + accordionContainerClasses, + false + ); - //Accordion Item Title Bar - let toggle = $.find('.accordion-toggle-button').first() - let toggleText = toggle.find('span'); - f.bindEvent(toggle, 'click', "toggleItem(i)") - f.bindAttribute(toggle, 'aria-expanded', "active[i] ? 'true' : 'false'") - f.mapField(toggleText, "item.title", "model.accordiontoggle", "title") + //Accordion Item Title Bar + let toggle = $.find(".accordion-toggle-button").first(); + let toggleText = toggle.find("span"); + f.bindEvent(toggle, "click", "toggleItem(i)"); + f.bindAttribute(toggle, "aria-expanded", "active[i] ? 'true' : 'false'"); + f.mapField(toggleText, "item.title", "model.accordiontoggle", "title"); - //Acocordion Item Body - f.mapRichField($.find('div.card-content > div').first(), "item.text", "model.accordiontoggle", "text") - f.bindAttribute($.find('div.card-content > div').first(), 'ref', "`cardContent${i}`") - f.addStyle($.find('div.card-content').first(), 'height', "active[i] ? heights[i] + 'px' : '0px'") - f.addStyle($.find('svg').first(), 'transform', "active[i] ? 'rotate(180deg)': 'rotate(0)'") + //Acocordion Item Body + f.mapRichField( + $.find("div.card-content > div").first(), + "item.text", + "model.accordiontoggle", + "text" + ); + f.bindAttribute( + $.find("div.card-content > div").first(), + "ref", + "`cardContent${i}`" + ); + f.addStyle( + $.find("div.card-content").first(), + "height", + "active[i] ? heights[i] + 'px' : '0px'" + ); + f.addStyle( + $.find("svg").first(), + "transform", + "active[i] ? 'rotate(180deg)': 'rotate(0)'" + ); - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/accordion/model.json b/fragments/accordion/model.json index 7b5314896..6d42ea5cc 100644 --- a/fragments/accordion/model.json +++ b/fragments/accordion/model.json @@ -39,8 +39,8 @@ "x-form-type": "text" }, "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" }, "mediaposition": { "type": "string", @@ -51,14 +51,15 @@ "x-form-visible": "model.showmedia == 'true'", "x-default": "before", "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - },"type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } }, "cardborder": { "type": "string", @@ -75,7 +76,7 @@ "x-form-group": "style", "x-form-type": "materialselect", "x-default": "none", - "properties":{ + "properties": { "none": { "x-form-name": "none", "x-form-value": "none" @@ -120,10 +121,10 @@ } }, "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" } } } } -} \ No newline at end of file +} diff --git a/fragments/accordion/sample-accordiondark.json b/fragments/accordion/sample-accordiondark.json index ef3446d9e..c505cbe79 100644 --- a/fragments/accordion/sample-accordiondark.json +++ b/fragments/accordion/sample-accordiondark.json @@ -1,5 +1,5 @@ { - "title": "Accordion - Dark" , + "title": "Accordion - Dark", "group": "Features", "model": { "showtitle": "true", @@ -21,7 +21,8 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" } diff --git a/fragments/accordion/sample-accordionmedia.json b/fragments/accordion/sample-accordionmedia.json index cd0189128..88daa57fe 100644 --- a/fragments/accordion/sample-accordionmedia.json +++ b/fragments/accordion/sample-accordionmedia.json @@ -21,7 +21,8 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" } diff --git a/fragments/accordion/sample-bg.json b/fragments/accordion/sample-bg.json index 9a4a5aadf..b07101f81 100644 --- a/fragments/accordion/sample-bg.json +++ b/fragments/accordion/sample-bg.json @@ -22,10 +22,12 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Why accordion?" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "How to accordion?" - },{ + }, + { "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", "title": "Join accordion" } diff --git a/fragments/accordion/sample-blank.json b/fragments/accordion/sample-blank.json index 458d72f18..6911a7a2a 100644 --- a/fragments/accordion/sample-blank.json +++ b/fragments/accordion/sample-blank.json @@ -2,7 +2,6 @@ "title": "Accordion", "group": "Features", "model": { - "tabs": [ - ] + "tabs": [] } } diff --git a/fragments/accordion/sample-empty.json b/fragments/accordion/sample-empty.json index fb09492c4..f6d0ea9f9 100644 --- a/fragments/accordion/sample-empty.json +++ b/fragments/accordion/sample-empty.json @@ -2,7 +2,6 @@ "title": "Accordion no default values", "group": "Empty", "model": { - "tabs": [ - ] + "tabs": [] } -} \ No newline at end of file +} diff --git a/fragments/accordion/sample-rte.json b/fragments/accordion/sample-rte.json index 150e23f8b..c883d1139 100644 --- a/fragments/accordion/sample-rte.json +++ b/fragments/accordion/sample-rte.json @@ -17,13 +17,15 @@ { "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", "title": "Big RTE Test Chunk" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "How to accordion?" - },{ + }, + { "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", "title": "Join accordion" } ] } -} \ No newline at end of file +} diff --git a/fragments/accordion/sample-toggle.json b/fragments/accordion/sample-toggle.json index 0eaa5429f..d1ea16b9d 100644 --- a/fragments/accordion/sample-toggle.json +++ b/fragments/accordion/sample-toggle.json @@ -17,13 +17,15 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Why accordion?" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "How to accordion?" - },{ + }, + { "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", "title": "Join accordion" } ] } -} \ No newline at end of file +} diff --git a/fragments/accordion/sample-togglemedia.json b/fragments/accordion/sample-togglemedia.json index 68b7a5fda..8d99257ed 100644 --- a/fragments/accordion/sample-togglemedia.json +++ b/fragments/accordion/sample-togglemedia.json @@ -22,7 +22,8 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" } diff --git a/fragments/accordion/sample.json b/fragments/accordion/sample.json index 7862bf8ba..8b4a11d79 100644 --- a/fragments/accordion/sample.json +++ b/fragments/accordion/sample.json @@ -17,13 +17,15 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Why accordion?" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "How to accordion?" - },{ + }, + { "text": "

remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

", "title": "Join accordion" } ] } -} \ No newline at end of file +} diff --git a/fragments/accordion/template.html b/fragments/accordion/template.html index 52a5301df..05630133e 100644 --- a/fragments/accordion/template.html +++ b/fragments/accordion/template.html @@ -1,31 +1,46 @@
-

Toggle with media

+

Toggle with media

-
+
+
+ +
-
- -
+
+
+

+ +

-
-
- -

- -

- -
-
- -
-
- -
-
-
+
+
+
+
+
+
diff --git a/fragments/accordion/template.vue b/fragments/accordion/template.vue index 49a107185..cbd917a75 100644 --- a/fragments/accordion/template.vue +++ b/fragments/accordion/template.vue @@ -1,27 +1,44 @@ diff --git a/fragments/block/hatch.js b/fragments/block/hatch.js index 98ec80cf1..cddfde6f8 100644 --- a/fragments/block/hatch.js +++ b/fragments/block/hatch.js @@ -1,23 +1,44 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'class', '[classes, colors, model.component, model.extraclasses]', false) - f.bindAttribute( $, 'style', '[styles, sticky]', false) - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $, 'is', 'model.htmlelement || "div"') + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "[classes, colors, model.component, model.extraclasses]", + false + ); + f.bindAttribute($, "style", "[styles, sticky]", false); + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - f.bindAttribute( $, 'id', 'model.anchorname') + f.bindAttribute($, "id", "model.anchorname"); - f.addIf( $.find('div.embed-responsive').first(), "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" ) - f.bindAttribute( $.find('iframe').first(), 'src', "videoSource" ) - f.addStyle( $.find('div.embed-responsive').first(), 'position', "'absolute'") - f.addStyle( $.find('div.embed-responsive').first(), 'pointer-events', "'none'") - f.addStyle( $.find('div.embed-responsive').first(), 'z-index', "'-1'") - $.find('div.flex').append( '') + f.addIf( + $.find("div.embed-responsive").first(), + "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" + ); + f.bindAttribute($.find("iframe").first(), "src", "videoSource"); + f.addStyle( + $.find("div.embed-responsive").first(), + "position", + "'absolute'" + ); + f.addStyle( + $.find("div.embed-responsive").first(), + "pointer-events", + "'none'" + ); + f.addStyle($.find("div.embed-responsive").first(), "z-index", "'-1'"); + $.find("div.flex").append(""); - let containerClasses = `{ + let containerClasses = `{ 'container mx-auto' : model.blockwidth === 'default', 'w-full max-w-3xl mx-auto' : model.blockwidth === 'article' - }` - f.bindAttribute( $.find('div.flex').first(), 'class', containerClasses, false) - } -} + }`; + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); + }, +}; diff --git a/fragments/block/model-spacer.json b/fragments/block/model-spacer.json index 909d6eb96..d5febb736 100644 --- a/fragments/block/model-spacer.json +++ b/fragments/block/model-spacer.json @@ -11,7 +11,7 @@ "x-form-group": "advanced", "x-form-type": "text" }, - "colorscheme" : { + "colorscheme": { "type": "string", "x-source": "inject", "x-form-label": "Block Color Scheme", @@ -39,7 +39,7 @@ "x-form-label": "Custom Background", "x-form-group": "style", "x-form-type": "materialswitch", - "x-default": "false" + "x-default": "false" }, "backgroundtype": { "type": "string", @@ -52,13 +52,16 @@ "color": { "x-form-name": "Color", "x-form-value": "color" - },"gradient": { + }, + "gradient": { "x-form-name": "Gradient", "x-form-value": "gradient" - },"image": { + }, + "image": { "x-form-name": "Image", "x-form-value": "image" - },"video": { + }, + "video": { "x-form-name": "Video", "x-form-value": "video" } @@ -113,7 +116,7 @@ "x-form-type": "materialselect", "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", "x-default": "cover", - "properties":{ + "properties": { "section": { "x-form-name": "cover", "x-form-value": "cover" diff --git a/fragments/block/model.json b/fragments/block/model.json index 51b955353..4ef01905d 100644 --- a/fragments/block/model.json +++ b/fragments/block/model.json @@ -25,7 +25,7 @@ "x-form-label": "Semantic Element", "x-form-type": "materialselect", "x-default": "section", - "properties":{ + "properties": { "section": { "x-form-name": "section", "x-form-value": "section" @@ -56,7 +56,7 @@ } } }, - "colorscheme" : { + "colorscheme": { "type": "string", "x-source": "inject", "x-form-label": "Block Color Scheme", @@ -84,7 +84,7 @@ "x-form-label": "Custom Background", "x-form-group": "style", "x-form-type": "materialswitch", - "x-default": "false" + "x-default": "false" }, "backgroundtype": { "type": "string", @@ -97,13 +97,16 @@ "color": { "x-form-name": "Color", "x-form-value": "color" - },"gradient": { + }, + "gradient": { "x-form-name": "Gradient", "x-form-value": "gradient" - },"image": { + }, + "image": { "x-form-name": "Image", "x-form-value": "image" - },"video": { + }, + "video": { "x-form-name": "Video", "x-form-value": "video" } diff --git a/fragments/block/template.html b/fragments/block/template.html index bce8839a3..3596dd9e0 100644 --- a/fragments/block/template.html +++ b/fragments/block/template.html @@ -1,9 +1,9 @@ -
+
-
-
- +
diff --git a/fragments/block/template.vue b/fragments/block/template.vue index 7852342ff..e8e626d23 100644 --- a/fragments/block/template.vue +++ b/fragments/block/template.vue @@ -1,139 +1,152 @@ - diff --git a/fragments/breadcrumb/hatch.js b/fragments/breadcrumb/hatch.js index b090091c8..88e4efc14 100644 --- a/fragments/breadcrumb/hatch.js +++ b/fragments/breadcrumb/hatch.js @@ -1,34 +1,40 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let span = $.find('span').first() - f.addFor( span, 'model.links' ) - f.bindAttribute( span, 'class', "{'font-bold': i === model.links.length - 1}", false) + let span = $.find("span").first(); + f.addFor(span, "model.links"); + f.bindAttribute( + span, + "class", + "{'font-bold': i === model.links.length - 1}", + false + ); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700': model.linkcolor === 'success', 'text-red-700': model.linkcolor === 'danger', 'text-orange-700': model.linkcolor === 'warning', 'text-white': model.linkcolor === 'light', 'text-black': model.linkcolor === 'dark' - }` + }`; - let anchor = $.find('a') - f.addIf( anchor, "i + 1 < model.links.length" ) - f.bindAttribute( anchor, 'href', "item.link + '.html'") - f.mapField( anchor, "item.text", false) + let anchor = $.find("a"); + f.addIf(anchor, "i + 1 < model.links.length"); + f.bindAttribute(anchor, "href", "item.link + '.html'"); + f.mapField(anchor, "item.text", false); - f.bindAttribute(anchor, 'class', aClasses, false) + f.bindAttribute(anchor, "class", aClasses, false); - let spanInner = span.find('span') - f.addIf( spanInner, "i+1 === model.links.length" ) - f.mapField( spanInner, "item.text", false) + let spanInner = span.find("span"); + f.addIf(spanInner, "i+1 === model.links.length"); + f.mapField(spanInner, "item.text", false); - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/breadcrumb/model.json b/fragments/breadcrumb/model.json index 78abeb8a9..40d8e58f2 100644 --- a/fragments/breadcrumb/model.json +++ b/fragments/breadcrumb/model.json @@ -19,7 +19,7 @@ "x-form-type": "materialselect", "x-form-group": "style", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" diff --git a/fragments/breadcrumb/template.html b/fragments/breadcrumb/template.html index b6eac2f58..90ce6a20d 100644 --- a/fragments/breadcrumb/template.html +++ b/fragments/breadcrumb/template.html @@ -1,6 +1,6 @@
- - Home - - + + Home + +
diff --git a/fragments/breadcrumb/template.vue b/fragments/breadcrumb/template.vue index e1f5d1e1d..5847b0b77 100644 --- a/fragments/breadcrumb/template.vue +++ b/fragments/breadcrumb/template.vue @@ -1,39 +1,51 @@ - diff --git a/fragments/cards/hatch.js b/fragments/cards/hatch.js index 78226fe67..30a3d804c 100644 --- a/fragments/cards/hatch.js +++ b/fragments/cards/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let widths = `{ + let widths = `{ 'lg:w-full': model.cardsperrow == 1, 'lg:w-1/2': model.cardsperrow == 2, 'lg:w-1/3': model.cardsperrow == 3, @@ -22,13 +22,13 @@ module.exports = { 'w-1/4': model.cardsperrowmobile == 4, 'w-1/5': model.cardsperrowmobile == 5, 'w-1/6': model.cardsperrowmobile == 6, - }` + }`; - //Card Width - f.bindAttribute($.find('div.card').first(), 'class', widths, false); + //Card Width + f.bindAttribute($.find("div.card").first(), "class", widths, false); - //Card - let cardClasses = `{ + //Card + let cardClasses = `{ 'card--bg': model.showcard === 'true' || model.customcardcolor === 'true', 'bg-secondary': model.showcard === 'true' && model.customcardcolor !== 'true', 'border border-solid': (model.customcardcolor !== 'true') && model.cardborder === 'true', @@ -36,37 +36,72 @@ module.exports = { 'rounded-sm': model.roundedcorners == 'small', 'rounded': model.roundedcorners == 'medium', 'rounded-lg': model.roundedcorners == 'large' - }` + }`; - f.addFor($.find('div.card').first(), 'model.cards') - f.addStyle($.find('div.card > div').first(), 'background-color', "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''") - f.bindAttribute($.find('div.card > div').first(), 'class', cardClasses, false) + f.addFor($.find("div.card").first(), "model.cards"); + f.addStyle( + $.find("div.card > div").first(), + "background-color", + "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''" + ); + f.bindAttribute( + $.find("div.card > div").first(), + "class", + cardClasses, + false + ); - let cardBodyClasses = `{ + let cardBodyClasses = `{ 'p-6': model.showcard === 'true' || model.cardborder === 'true' - }` - f.bindAttribute($.find('div.card>div>div').eq(1), 'class', cardBodyClasses, false) + }`; + f.bindAttribute( + $.find("div.card>div>div").eq(1), + "class", + cardBodyClasses, + false + ); - f.bindAttribute($.find('div.card>div>div').eq(0), 'style', '{width: item.imagewidth + "%"}') - //Image - f.replace($.find('img'), '') - f.bindAttribute($.find('v-lazy-image').first(), 'class', "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'") - f.bindAttribute($.find('v-lazy-image').first(), 'src', f.pathToUrl('item.image')) - f.bindAttribute($.find('v-lazy-image').first(), 'alt', 'item.imagealttext') - f.bindAttribute($.find('v-lazy-image').first(), 'src-placeholder', 'placeholderSrc(item)') - f.addIf($.find('v-lazy-image').first(), 'item.image') + f.bindAttribute( + $.find("div.card>div>div").eq(0), + "style", + '{width: item.imagewidth + "%"}' + ); + //Image + f.replace($.find("img"), ""); + f.bindAttribute( + $.find("v-lazy-image").first(), + "class", + "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'" + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src", + f.pathToUrl("item.image") + ); + f.bindAttribute($.find("v-lazy-image").first(), "alt", "item.imagealttext"); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src-placeholder", + "placeholderSrc(item)" + ); + f.addIf($.find("v-lazy-image").first(), "item.image"); - //Title - f.addIf($.find('h2').first(), 'model.showtitle == \'true\'') - f.mapField($.find('h2').first(), "item.title", "model.cards", "title") - f.addStyle($.find('h2').first(), 'color', 'item.color') + //Title + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "item.title", "model.cards", "title"); + f.addStyle($.find("h2").first(), "color", "item.color"); - //Text - f.addIf($.find('h2 + div').first(), 'model.showtext == \'true\'') - f.mapRichField($.find('h2 + div').first(), "item.text", "model.cards", "text") + //Text + f.addIf($.find("h2 + div").first(), "model.showtext == 'true'"); + f.mapRichField( + $.find("h2 + div").first(), + "item.text", + "model.cards", + "text" + ); - //Button - let aClasses = `{ + //Button + let aClasses = `{ 'btn-lg': item.buttonsize === 'large', 'btn-sm': item.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -78,16 +113,18 @@ module.exports = { 'self-center': item.buttonalign === 'center', 'self-end': item.buttonalign === 'right', 'my-3': model.cardborder !== 'true' && model.showcard !== 'true' - }` + }`; - let a = $.find('a.btn') - f.addIf($.find('div.text-center').first(), 'item.buttontext') - f.addIf( a, 'showbutton(item)') - f.bindAttribute( a, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( a, 'class', aClasses, false) - f.mapField( a, "item.buttontext", "model.cards", "buttontext") + let a = $.find("a.btn"); + f.addIf($.find("div.text-center").first(), "item.buttontext"); + f.addIf(a, "showbutton(item)"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.cards", "buttontext"); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/cards/model.json b/fragments/cards/model.json index 50bba57e5..5fda1da9e 100644 --- a/fragments/cards/model.json +++ b/fragments/cards/model.json @@ -65,7 +65,7 @@ "x-form-type": "materialselect", "x-form-group": "style", "x-default": "none", - "properties":{ + "properties": { "none": { "x-form-name": "none", "x-form-value": "none" @@ -155,11 +155,11 @@ "x-form-max": "100" }, "imagealttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" - }, + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" + }, "buttontext": { "type": "string", "x-source": "inject", @@ -181,7 +181,7 @@ "x-form-label": "Button Color", "x-form-type": "materialselect", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" @@ -214,7 +214,7 @@ "x-form-label": "Button Size", "x-form-type": "materialselect", "x-default": "default", - "properties":{ + "properties": { "default": { "x-form-name": "Default", "x-form-value": "default" @@ -235,7 +235,7 @@ "x-form-label": "Button Alignment", "x-form-type": "materialselect", "x-default": "center", - "properties":{ + "properties": { "left": { "x-form-name": "Left", "x-form-value": "left" diff --git a/fragments/cards/sample-blank.json b/fragments/cards/sample-blank.json index 7e28787b2..2f580dbc3 100644 --- a/fragments/cards/sample-blank.json +++ b/fragments/cards/sample-blank.json @@ -3,11 +3,9 @@ "group": "Features", "model": { "showtitle": "true", - "showtext" : "true", + "showtext": "true", "showbutton": "true", "showcard": "true", - "cards": [ - - ] + "cards": [] } } diff --git a/fragments/cards/sample-cardsnobackground.json b/fragments/cards/sample-cardsnobackground.json index d6ee3c8a7..4faba3787 100644 --- a/fragments/cards/sample-cardsnobackground.json +++ b/fragments/cards/sample-cardsnobackground.json @@ -21,7 +21,8 @@ "imagealttext": "Organized rope hanging on a winch", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", "title": "Card One" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "info", @@ -31,7 +32,8 @@ "imagealttext": "Several sets of rope", "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", "title": "Card Two" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "info", @@ -41,7 +43,8 @@ "imagealttext": "Messy pile of rope", "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", "title": "Card Three" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "info", diff --git a/fragments/cards/sample-empty.json b/fragments/cards/sample-empty.json index 8a7be946f..fd1231cab 100644 --- a/fragments/cards/sample-empty.json +++ b/fragments/cards/sample-empty.json @@ -2,8 +2,6 @@ "title": "Cards no default value", "group": "Empty", "model": { - "cards": [ - - ] + "cards": [] } -} \ No newline at end of file +} diff --git a/fragments/cards/sample-rte.json b/fragments/cards/sample-rte.json index c0dc0f8ae..1efa4505b 100644 --- a/fragments/cards/sample-rte.json +++ b/fragments/cards/sample-rte.json @@ -21,7 +21,8 @@ "imagealttext": "Organized rope hanging on a winch", "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", "title": "Card One" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "primary", @@ -30,7 +31,8 @@ "imagealttext": "Several sets of rope", "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", "title": "Card Two" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "primary", diff --git a/fragments/cards/sample.json b/fragments/cards/sample.json index 95ad7a908..11f652298 100644 --- a/fragments/cards/sample.json +++ b/fragments/cards/sample.json @@ -23,7 +23,8 @@ "imagealttext": "Organized rope hanging on a winch", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", "title": "Card One" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "primary", @@ -33,7 +34,8 @@ "imagealttext": "Several sets of rope", "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", "title": "Card Two" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "primary", @@ -43,7 +45,8 @@ "imagealttext": "Messy pile of rope", "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", "title": "Card Three" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "View", "buttoncolor": "primary", diff --git a/fragments/cards/template.html b/fragments/cards/template.html index 4550853b1..f5b505ee8 100644 --- a/fragments/cards/template.html +++ b/fragments/cards/template.html @@ -1,22 +1,25 @@
-
- logo + logo

Odit

- Maxime aperiam tempora sunt reprehenderit sapiente. Odit perspiciatis itaque sed. Dolores est et. Saepe cum libero eius. Qui omnis omnis. In vero delectus molestiae eum optio. + Maxime aperiam tempora sunt reprehenderit sapiente. Odit + perspiciatis itaque sed. Dolores est et. Saepe cum libero eius. Qui + omnis omnis. In vero delectus molestiae eum optio.
Click Me
-
-
diff --git a/fragments/cards/template.vue b/fragments/cards/template.vue index 9670fbef0..8a2407f6e 100644 --- a/fragments/cards/template.vue +++ b/fragments/cards/template.vue @@ -1,30 +1,38 @@ - diff --git a/fragments/carousel/hatch.js b/fragments/carousel/hatch.js index eb488e355..92c03f45f 100644 --- a/fragments/carousel/hatch.js +++ b/fragments/carousel/hatch.js @@ -1,48 +1,63 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - - f.addStyle( $.find('div').first(), 'height', 'model.carouselheight', 'vh') - f.addStyle( $.find('div').first(), 'maxHeight', 'model.carouselheight', 'vh') - - let carousel = $; - f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'") - f.bindAttribute(carousel, "navigationEnabled", "model.controls === 'true'") - f.bindAttribute(carousel, "paginationEnabled", "model.indicators === 'true'") - f.bindAttribute(carousel, "autoplayHoverPause", "model.pause === 'true'") - f.bindAttribute(carousel, "centerMode", "true") - f.bindAttribute(carousel, "loop", "model.wrap === 'true'") - f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000") - f.bindAttribute(carousel, "perPage", "model.itemsperpage") - - let slide = $.find('slide').first(); - f.addFor(slide, "model.slides"); - - let link = $.find('a'); - f.addIf(link, "item.slidelink") - f.bindAttribute(link, 'href', "item.slidelink") - - let image = $.find('v-lazy-image').first() - - f.addIf(image, "item.imagepath") - f.bindAttribute(image, "src", "item.imagepath") - f.bindAttribute(image, "alt", "item.alt") - f.bindAttribute(image, "class", "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", false) - - let captionClasses = `{ + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + + f.addStyle($.find("div").first(), "height", "model.carouselheight", "vh"); + f.addStyle( + $.find("div").first(), + "maxHeight", + "model.carouselheight", + "vh" + ); + + let carousel = $; + f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'"); + f.bindAttribute(carousel, "navigationEnabled", "model.controls === 'true'"); + f.bindAttribute( + carousel, + "paginationEnabled", + "model.indicators === 'true'" + ); + f.bindAttribute(carousel, "autoplayHoverPause", "model.pause === 'true'"); + f.bindAttribute(carousel, "centerMode", "true"); + f.bindAttribute(carousel, "loop", "model.wrap === 'true'"); + f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000"); + f.bindAttribute(carousel, "perPage", "model.itemsperpage"); + + let slide = $.find("slide").first(); + f.addFor(slide, "model.slides"); + + let link = $.find("a"); + f.addIf(link, "item.slidelink"); + f.bindAttribute(link, "href", "item.slidelink"); + + let image = $.find("v-lazy-image").first(); + + f.addIf(image, "item.imagepath"); + f.bindAttribute(image, "src", "item.imagepath"); + f.bindAttribute(image, "alt", "item.alt"); + f.bindAttribute( + image, + "class", + "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", + false + ); + + let captionClasses = `{ 'pb-12': model.indicators === 'true', 'with-bg': model.captionbg === 'true' && (model.colorscheme === 'light' || model.colorscheme === 'dark') - }` - - let figcaption = $.find('figcaption').first() - let figcaptionContent = $.find('figcaption > .container > div').first() - f.addIf(figcaptionContent, "item.text", "model.slides", "text") - f.mapRichField(figcaptionContent, "item.text", "model.slides", "text") - f.bindAttribute( figcaption, 'class', captionClasses, false) - - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + }`; + + let figcaption = $.find("figcaption").first(); + let figcaptionContent = $.find("figcaption > .container > div").first(); + f.addIf(figcaptionContent, "item.text", "model.slides", "text"); + f.mapRichField(figcaptionContent, "item.text", "model.slides", "text"); + f.bindAttribute(figcaption, "class", captionClasses, false); + + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/carousel/model.json b/fragments/carousel/model.json index 207f2bcdf..71c8c5b52 100644 --- a/fragments/carousel/model.json +++ b/fragments/carousel/model.json @@ -127,10 +127,10 @@ "x-form-type": "texteditor" }, "alt": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" } } }, diff --git a/fragments/carousel/sample-blank.json b/fragments/carousel/sample-blank.json index cea4b94a9..af0fa0f78 100644 --- a/fragments/carousel/sample-blank.json +++ b/fragments/carousel/sample-blank.json @@ -2,8 +2,6 @@ "title": "Carousel", "group": "Features", "model": { - "slides": [ - - ] + "slides": [] } } diff --git a/fragments/carousel/sample-empty.json b/fragments/carousel/sample-empty.json index 70bed1c34..952bc04d0 100644 --- a/fragments/carousel/sample-empty.json +++ b/fragments/carousel/sample-empty.json @@ -2,8 +2,6 @@ "title": "Carousel empty", "group": "Empty", "model": { - "slides": [ - - ] + "slides": [] } } diff --git a/fragments/carousel/sample-owl.json b/fragments/carousel/sample-owl.json index b9ff2fed7..9ef5c3845 100644 --- a/fragments/carousel/sample-owl.json +++ b/fragments/carousel/sample-owl.json @@ -1,7 +1,7 @@ { "title": "Carousel - Owl", "group": "Features", - "model" : { + "model": { "blockwidth": "article", "captionbg": "true", "colorscheme": "none", @@ -15,11 +15,14 @@ "slides": [ { "imagepath": "/content/themecleanflex/assets/icons/google.svg" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/icons/facebook.svg" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/icons/linkedin.svg" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/icons/pinterest.svg" } ] diff --git a/fragments/carousel/sample-rte.json b/fragments/carousel/sample-rte.json index e28e0f5dc..96d6d8e38 100644 --- a/fragments/carousel/sample-rte.json +++ b/fragments/carousel/sample-rte.json @@ -1,7 +1,7 @@ { "title": "Carousel With Full RTE", "group": ".hidden", - "model" : { + "model": { "carouselheight": 80, "toppadding": 20, "bottompadding": 20, @@ -11,12 +11,14 @@ "imagefit": "cover", "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", "alt": "Sailboats in front of city skyline and sunset" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", "imagefit": "cover", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", "alt": "Sailboat sailing on a lake" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", "imagefit": "cover", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", diff --git a/fragments/carousel/sample.json b/fragments/carousel/sample.json index 8d94eaf87..2043eb805 100644 --- a/fragments/carousel/sample.json +++ b/fragments/carousel/sample.json @@ -1,7 +1,7 @@ { "title": "Carousel - Example", "group": "Features", - "model" : { + "model": { "blockwidth": "full", "captionbg": "true", "colorscheme": "light", @@ -14,12 +14,14 @@ "imagefit": "cover", "text": "

Slide One Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.

", "alt": "Sailboats in front of city skyline and sunset" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", "imagefit": "cover", "text": "

Slide Two Title

Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.

", "alt": "Sailboat sailing on a lake" - },{ + }, + { "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", "imagefit": "cover", "text": "

Slide Three Title

Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.

", diff --git a/fragments/carousel/template.html b/fragments/carousel/template.html index 16ab4c9eb..82d9844f0 100644 --- a/fragments/carousel/template.html +++ b/fragments/carousel/template.html @@ -1,9 +1,18 @@ - - -
- - -
Caption
-
- - + + +
+ + +
+
+
Caption
+
+
+
+ + diff --git a/fragments/carousel/template.vue b/fragments/carousel/template.vue index 1579ad424..5713509b1 100644 --- a/fragments/carousel/template.vue +++ b/fragments/carousel/template.vue @@ -1,24 +1,53 @@ diff --git a/fragments/code/hatch.js b/fragments/code/hatch.js index e5e507a72..8e8fe5c3f 100644 --- a/fragments/code/hatch.js +++ b/fragments/code/hatch.js @@ -1,18 +1,27 @@ module.exports = { - convert: function($, f) { - f.bindAttribute($, "class", "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", false) + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", + false + ); - // make the element a block - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + // make the element a block + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + // inject the code + f.bindAttribute( + $.find("code").first(), + "class", + "'language-'+model.language" + ); + f.mapRichField($.find("code").first(), "code", false); - // inject the code - f.bindAttribute($.find('code').first(), "class", "'language-'+model.language") - f.mapRichField($.find('code').first(), "code", false) - - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/code/model.json b/fragments/code/model.json index 7232bbf05..80e6489a5 100644 --- a/fragments/code/model.json +++ b/fragments/code/model.json @@ -31,4 +31,4 @@ } } } -} \ No newline at end of file +} diff --git a/fragments/code/readme.md b/fragments/code/readme.md index 0ad4f9e61..15216a8d8 100644 --- a/fragments/code/readme.md +++ b/fragments/code/readme.md @@ -2,11 +2,11 @@ This component renders the text as `
{{text}}
` -If the base template includes prism.js it will be used to generate the markup of the code. +If the base template includes prism.js it will be used to generate the markup of the code. ## Configuring Prism -*Please note: Using Prism will impact your site's accessibility and mobile performance score. This is not an issue with Peregrine, rather a consequence of using Prism.* +_Please note: Using Prism will impact your site's accessibility and mobile performance score. This is not an issue with Peregrine, rather a consequence of using Prism._ If you wish to use [https://prismjs.com/](Prism) with the code component, perform the following steps: @@ -14,7 +14,7 @@ If you wish to use [https://prismjs.com/](Prism) with the code component, perfor 2. Upload `prism.js` and `prism.css` to `Assets`. It is recommended that you create folders for `/content/_tenant_/assets/css/` and `/content/_tenant_/assets/js/` first, then upload `prism.js` and `prism.css` to their respective folders. -3. Click on the `Template` tile from the home screen, then click on the page icon for your tenant. +3. Click on the `Template` tile from the home screen, then click on the page icon for your tenant. 4. Click `page start`. @@ -28,5 +28,5 @@ If you wish to use [https://prismjs.com/](Prism) with the code component, perfor ## Pending Features & Issues -* Add support for defining Prism data attributes -* Update the code component to be less plugin dependent +- Add support for defining Prism data attributes +- Update the code component to be less plugin dependent diff --git a/fragments/code/sample.json b/fragments/code/sample.json index fff2c9853..175f9f34e 100644 --- a/fragments/code/sample.json +++ b/fragments/code/sample.json @@ -6,4 +6,4 @@ "text": "var a = {};", "language": "javascript" } -} \ No newline at end of file +} diff --git a/fragments/code/template.vue b/fragments/code/template.vue index 580624063..16b8ba634 100644 --- a/fragments/code/template.vue +++ b/fragments/code/template.vue @@ -1,42 +1,54 @@ - diff --git a/fragments/container/hatch.js b/fragments/container/hatch.js index c171a5a2a..8d4a34967 100644 --- a/fragments/container/hatch.js +++ b/fragments/container/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function($, f) { - f.bindPath($) - f.addChildren($) - f.addPlaceholders($) - f.bindAttribute( $, 'is', 'model.htmlelement || "div"') + convert: function ($, f) { + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - let widthClass = `{ + let widthClass = `{ 'lg:flex-grow': model.width === 'auto', 'lg:w-full': model.width === 'custom' && model.colspan == 12, [\`lg:w-\${model.colspan}/12 lg:flex-grow-0\`]: model.width === 'custom' && model.colspan < 12, @@ -16,8 +16,8 @@ module.exports = { 'w-full': model.mobilewidth === 'custom' && model.mobilecolspan == 12, [\`w-\${model.mobilecolspan}/12 flex-grow-0\`]: model.mobilewidth === 'custom' && model.mobilecolspan < 12, [\`\${model.component}\`]: model.component - }` - - f.bindAttribute( $, 'class', widthClass); - } -} + }`; + + f.bindAttribute($, "class", widthClass); + }, +}; diff --git a/fragments/container/model.json b/fragments/container/model.json index 192c6fbce..bfab9a563 100644 --- a/fragments/container/model.json +++ b/fragments/container/model.json @@ -32,7 +32,7 @@ "x-form-min": 1, "x-form-max": 12, "x-form-visible": "model.width == 'custom'", - "x-default": 12 + "x-default": 12 }, "tabletwidth": { "type": "string", @@ -61,7 +61,7 @@ "x-form-min": 1, "x-form-max": 12, "x-form-visible": "model.tabletwidth == 'custom'", - "x-default": 12 + "x-default": 12 }, "mobilewidth": { "type": "string", @@ -90,7 +90,7 @@ "x-form-min": 1, "x-form-max": 12, "x-form-visible": "model.mobilewidth == 'custom'", - "x-default": 12 + "x-default": 12 }, "htmlelement": { "type": "string", @@ -99,7 +99,7 @@ "x-form-type": "materialselect", "x-form-group": "content", "x-default": "section", - "properties":{ + "properties": { "section": { "x-form-name": "section", "x-form-value": "section" diff --git a/fragments/container/sample.json b/fragments/container/sample.json index e72c53a60..17946ac0d 100644 --- a/fragments/container/sample.json +++ b/fragments/container/sample.json @@ -1,6 +1,5 @@ { "title": "Container", "group": "Chrome", - "model": { - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/container/template.html b/fragments/container/template.html index 2fa3f48fe..e4351fc1c 100644 --- a/fragments/container/template.html +++ b/fragments/container/template.html @@ -1,2 +1 @@ - - + diff --git a/fragments/container/template.vue b/fragments/container/template.vue index ebc4c6154..611cbce59 100644 --- a/fragments/container/template.vue +++ b/fragments/container/template.vue @@ -1,6 +1,8 @@ - diff --git a/fragments/containerblock/hatch.js b/fragments/containerblock/hatch.js index 10eb9644b..48d972fd1 100644 --- a/fragments/containerblock/hatch.js +++ b/fragments/containerblock/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindPath($) - f.addChildren($) - f.addPlaceholders($) - f.bindAttribute($.parent(),'model','model') - f.bindAttribute($,'class','model.alignitems', false) - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "class", "model.alignitems", false); + }, +}; diff --git a/fragments/containerblock/model.json b/fragments/containerblock/model.json index 68d2e7fe8..c96c38e3d 100644 --- a/fragments/containerblock/model.json +++ b/fragments/containerblock/model.json @@ -1,45 +1,45 @@ { - "definitions": { - "Containerblock": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "container", - "properties": { - "alignitems": { - "type": "string", - "x-source": "inject", - "x-form-label": "Items Alignment", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "primary", - "properties":{ - "start": { - "x-form-name": "Start", - "x-form-value": "items-start" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "items-center" - }, - "end": { - "x-form-name": "End", - "x-form-value": "items-end" - }, - "stretch": { - "x-form-name": "Stretch", - "x-form-value": "items-stretch" - }, - "baseline": { - "x-form-name": "Baseline", - "x-form-value": "items-baseline" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } + "definitions": { + "Containerblock": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "container", + "properties": { + "alignitems": { + "type": "string", + "x-source": "inject", + "x-form-label": "Items Alignment", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "primary", + "properties": { + "start": { + "x-form-name": "Start", + "x-form-value": "items-start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "items-center" + }, + "end": { + "x-form-name": "End", + "x-form-value": "items-end" + }, + "stretch": { + "x-form-name": "Stretch", + "x-form-value": "items-stretch" + }, + "baseline": { + "x-form-name": "Baseline", + "x-form-value": "items-baseline" } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" } + } } + } } diff --git a/fragments/containerblock/sample.json b/fragments/containerblock/sample.json index 5ae6cbab3..8881bc559 100644 --- a/fragments/containerblock/sample.json +++ b/fragments/containerblock/sample.json @@ -1,6 +1,5 @@ { "title": "Container Block", "group": "Chrome", - "model": { - } + "model": {} } diff --git a/fragments/containerblock/template.vue b/fragments/containerblock/template.vue index 1780557e0..51315dd70 100644 --- a/fragments/containerblock/template.vue +++ b/fragments/containerblock/template.vue @@ -1,23 +1,48 @@ - diff --git a/fragments/footer/hatch.js b/fragments/footer/hatch.js index 08b5e3565..39ab66842 100644 --- a/fragments/footer/hatch.js +++ b/fragments/footer/hatch.js @@ -1,34 +1,39 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Logo - f.addIf($.find('a').first(), "model.showlogo === 'true' && model.logo") - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('model.logourl')) - f.bindAttribute($.find('img').first(), 'src', f.pathToUrl('model.logo')) - f.bindAttribute($.find('img').first(), 'alt', 'model.logoalttext') - f.addStyle($.find('img').first(), 'height', 'parseInt(model.logosize)', 'px') + //Logo + f.addIf($.find("a").first(), "model.showlogo === 'true' && model.logo"); + f.bindAttribute($.find("a").first(), "href", f.pathToUrl("model.logourl")); + f.bindAttribute($.find("img").first(), "src", f.pathToUrl("model.logo")); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); - //Columns - let col = $.find('.footer-col').first() - let coltitle = col.find('h2').first() - let colcontent = col.find('div').first() - f.addFor( col, "model.columns") - f.addIf( coltitle, "item.title !== ''") - f.mapField( coltitle, "item.title", "model.columns", "title") - f.bindAttribute( coltitle, "data-per-inline", "`model.columns.${i}.title`") - f.addIf( colcontent, "item.text !== ''") - f.mapRichField( colcontent, "item.text", "model.columns", "text") - f.bindAttribute( colcontent, "data-per-inline", "`model.columns.${i}.text`") + //Columns + let col = $.find(".footer-col").first(); + let coltitle = col.find("h2").first(); + let colcontent = col.find("div").first(); + f.addFor(col, "model.columns"); + f.addIf(coltitle, "item.title !== ''"); + f.mapField(coltitle, "item.title", "model.columns", "title"); + f.bindAttribute(coltitle, "data-per-inline", "`model.columns.${i}.title`"); + f.addIf(colcontent, "item.text !== ''"); + f.mapRichField(colcontent, "item.text", "model.columns", "text"); + f.bindAttribute(colcontent, "data-per-inline", "`model.columns.${i}.text`"); - //Copyright - f.mapField($.find('p').eq(0), "model.copyright") - f.bindAttribute( $.find('p').eq(0), "data-per-inline", "`model.copyright`") + //Copyright + f.mapField($.find("p").eq(0), "model.copyright"); + f.bindAttribute($.find("p").eq(0), "data-per-inline", "`model.copyright`"); - - f.addElse($); - $.parent().prepend('
no content defined for component
') - - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/footer/model.json b/fragments/footer/model.json index 8aef50139..cf8f10e69 100644 --- a/fragments/footer/model.json +++ b/fragments/footer/model.json @@ -46,7 +46,7 @@ "x-form-type": "materialrange", "x-form-visible": "model.showlogo == 'true'", "x-form-min": 1, - "x-form-max": 300 + "x-form-max": 300 }, "columns": { "type": "string", @@ -78,12 +78,12 @@ "x-form-type": "text" }, "socialref": { - "x-form-type": "reference", - "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" + "x-form-type": "reference", + "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" }, "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" } } } diff --git a/fragments/footer/sample-empty.json b/fragments/footer/sample-empty.json index 431025a56..fdd5b43b7 100644 --- a/fragments/footer/sample-empty.json +++ b/fragments/footer/sample-empty.json @@ -4,4 +4,4 @@ "model": { "coluimns": [] } -} \ No newline at end of file +} diff --git a/fragments/footer/sample-light.json b/fragments/footer/sample-light.json index 69ef97183..c520a7afe 100644 --- a/fragments/footer/sample-light.json +++ b/fragments/footer/sample-light.json @@ -22,7 +22,8 @@ { "title": "Contact", "text": "

email@email.com
1-800-888-8888

" - },{ + }, + { "title": "Location", "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" } diff --git a/fragments/footer/sample-rte.json b/fragments/footer/sample-rte.json index 1add64572..3419f3a54 100644 --- a/fragments/footer/sample-rte.json +++ b/fragments/footer/sample-rte.json @@ -22,7 +22,8 @@ { "title": "Contact", "text": "

email@email.com
1-800-888-8888

" - },{ + }, + { "title": "Location", "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

" } diff --git a/fragments/footer/sample.json b/fragments/footer/sample.json index f21bc9d9c..1d3c23ef3 100644 --- a/fragments/footer/sample.json +++ b/fragments/footer/sample.json @@ -22,7 +22,8 @@ { "title": "Contact", "text": "

email@email.com
1-800-888-8888

" - },{ + }, + { "title": "Location", "text": "

1234 S Pointe Drive, Laguna Hills, CA 92653

" } diff --git a/fragments/footer/template.html b/fragments/footer/template.html index 455d51ef8..f91191a63 100644 --- a/fragments/footer/template.html +++ b/fragments/footer/template.html @@ -1,24 +1,23 @@
- logo + logo

Address

-
- 1234 Street Name City, AA 1234 -
+
1234 Street Name City, AA 1234
-
-
+
-

- © Copyright 2017 Peregrine - All Rights Reserved -

+

© Copyright 2017 Peregrine - All Rights Reserved

-
diff --git a/fragments/footer/template.vue b/fragments/footer/template.vue index 45eed4346..890c0ade2 100644 --- a/fragments/footer/template.vue +++ b/fragments/footer/template.vue @@ -1,38 +1,66 @@ - diff --git a/fragments/header/hatch.js b/fragments/header/hatch.js index 9a4c6451a..3dceba677 100644 --- a/fragments/header/hatch.js +++ b/fragments/header/hatch.js @@ -1,33 +1,73 @@ module.exports = { - convert: function($, f) { - //f.bindPath($) - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.addIf($.find('a').first(), 'model.logo') + convert: function ($, f) { + //f.bindPath($) + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addIf($.find("a").first(), "model.logo"); - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('model.logourl')) - f.bindAttribute($.find('img').first(), 'src', f.pathToUrl('model.logo')) - f.bindAttribute($.find('img').first(), 'alt', 'model.logoalttext') - f.addStyle($.find('img').first(), 'height', 'parseInt(model.logosize)', 'px') + f.bindAttribute($.find("a").first(), "href", f.pathToUrl("model.logourl")); + f.bindAttribute($.find("img").first(), "src", f.pathToUrl("model.logo")); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); - let mainMenu = $.find('nav>div>div:nth-child(2)') - f.bindAttribute(mainMenu, 'class', "{'md:hidden': model.collapsed === 'true'}", false) + let mainMenu = $.find("nav>div>div:nth-child(2)"); + f.bindAttribute( + mainMenu, + "class", + "{'md:hidden': model.collapsed === 'true'}", + false + ); - f.replace( $.find('nav>div:first-of-type>div div:nth-child(1)'), '') - f.replace( $.find('nav>div:first-of-type>div div:nth-child(2)'), '') + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(2)"), + '' + ); - let collapseButton = $.find('nav>div>div:nth-child(3)') - f.bindEvent( collapseButton, 'click', 'toggleMenu') - f.addIf(collapseButton, 'model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0') - f.bindAttribute(collapseButton, 'style', "{display: model.collapsed === 'true' ? 'flex': false}", false) + let collapseButton = $.find("nav>div>div:nth-child(3)"); + f.bindEvent(collapseButton, "click", "toggleMenu"); + f.addIf( + collapseButton, + "model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0" + ); + f.bindAttribute( + collapseButton, + "style", + "{display: model.collapsed === 'true' ? 'flex': false}", + false + ); - f.addStyle( $.find('nav>div:nth-child(2)'), 'height', "menuActive ? menuHeight + 'px' : '0px'") - f.bindAttribute( $.find('nav>div:nth-child(2)'), 'class', "{'invisible': !menuActive}") + f.addStyle( + $.find("nav>div:nth-child(2)"), + "height", + "menuActive ? menuHeight + 'px' : '0px'" + ); + f.bindAttribute( + $.find("nav>div:nth-child(2)"), + "class", + "{'invisible': !menuActive}" + ); - f.replace( $.find('nav>div:last-of-type>div>div:nth-child(1)'), '') - f.replace( $.find('nav>div:last-of-type>div>div:nth-child(2)'), '') + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(2)"), + '' + ); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/header/model.json b/fragments/header/model.json index 70acfd1d5..4a82ac660 100644 --- a/fragments/header/model.json +++ b/fragments/header/model.json @@ -36,7 +36,7 @@ "x-form-type": "materialrange", "x-default": 50, "x-form-min": 1, - "x-form-max": 300 + "x-form-max": 300 }, "collapsed": { "type": "string", @@ -64,16 +64,16 @@ "x-form-type": "materialswitch" }, "linksref": { - "x-form-type": "reference", - "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" + "x-form-type": "reference", + "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" }, "buttonsref": { - "x-form-type": "reference", - "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" + "x-form-type": "reference", + "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" }, "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" } } } diff --git a/fragments/header/readme.md b/fragments/header/readme.md index 3785605c9..582221ea4 100644 --- a/fragments/header/readme.md +++ b/fragments/header/readme.md @@ -1,3 +1,3 @@ # Header -The Header component is used to display your logo and the main navigation section for your page. +The Header component is used to display your logo and the main navigation section for your page. diff --git a/fragments/header/sample-blank.json b/fragments/header/sample-blank.json index 3196a0788..5a5fa87c6 100644 --- a/fragments/header/sample-blank.json +++ b/fragments/header/sample-blank.json @@ -1,7 +1,5 @@ { "title": "Navigation Header", "group": "Chrome", - "model": { - - } + "model": {} } diff --git a/fragments/header/sample-dark.json b/fragments/header/sample-dark.json index 96eaad61a..f94f8c782 100644 --- a/fragments/header/sample-dark.json +++ b/fragments/header/sample-dark.json @@ -20,10 +20,12 @@ { "link": "/content/themecleanflex/pages", "text": "Services" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "About Us" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "Contact Us" } diff --git a/fragments/header/sample-empty.json b/fragments/header/sample-empty.json index 2e8a0e5e3..b92cbe440 100644 --- a/fragments/header/sample-empty.json +++ b/fragments/header/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Header no default value", "group": "Empty", - "model": { - - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/header/sample.json b/fragments/header/sample.json index b1bc82ddf..b61feda98 100644 --- a/fragments/header/sample.json +++ b/fragments/header/sample.json @@ -20,10 +20,12 @@ { "link": "/content/themecleanflex/pages", "text": "Services" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "About Us" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "Contact Us" } diff --git a/fragments/header/template.html b/fragments/header/template.html index 117f2190a..b91fadca0 100644 --- a/fragments/header/template.html +++ b/fragments/header/template.html @@ -2,7 +2,11 @@
- logo + logo @@ -12,8 +16,11 @@
-
|||
- +
+ ||| +
@@ -22,5 +29,4 @@
- diff --git a/fragments/header/template.vue b/fragments/header/template.vue index 99786fcb2..a77700dc8 100644 --- a/fragments/header/template.vue +++ b/fragments/header/template.vue @@ -1,29 +1,52 @@ diff --git a/fragments/media/hatch.js b/fragments/media/hatch.js index b0ac267ed..73e8715ce 100644 --- a/fragments/media/hatch.js +++ b/fragments/media/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindPath($) - } -} \ No newline at end of file + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, +}; diff --git a/fragments/media/model.json b/fragments/media/model.json index 6ae97f032..28d45e3c8 100644 --- a/fragments/media/model.json +++ b/fragments/media/model.json @@ -4,7 +4,7 @@ "type": "object", "x-type": "component", "properties": { - "mediatype" : { + "mediatype": { "type": "string", "x-source": "inject", "x-form-label": "Media type", diff --git a/fragments/media/template.vue b/fragments/media/template.vue index 2c1afa7d9..8143e2a04 100644 --- a/fragments/media/template.vue +++ b/fragments/media/template.vue @@ -1,15 +1,17 @@ - diff --git a/fragments/mediablock/hatch.js b/fragments/mediablock/hatch.js index 38c307d54..32dcd7fc0 100644 --- a/fragments/mediablock/hatch.js +++ b/fragments/mediablock/hatch.js @@ -1,8 +1,11 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.replace( $.find('img').first(), '') - f.bindAttribute($, 'style', "{flexBasis:`${model.mediawidth}%`}") - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.replace( + $.find("img").first(), + '' + ); + f.bindAttribute($, "style", "{flexBasis:`${model.mediawidth}%`}"); + }, +}; diff --git a/fragments/mediablock/model.json b/fragments/mediablock/model.json index 9b1754f96..a4996815f 100644 --- a/fragments/mediablock/model.json +++ b/fragments/mediablock/model.json @@ -6,14 +6,14 @@ "x-type": "component", "properties": { "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/media/model.json#/definitions/Media" + "x-form-type": "reference", + "$ref": "fragments/media/model.json#/definitions/Media" }, "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" } } } } -} \ No newline at end of file +} diff --git a/fragments/mediablock/sample-blank.json b/fragments/mediablock/sample-blank.json index f37208975..edef9ded2 100644 --- a/fragments/mediablock/sample-blank.json +++ b/fragments/mediablock/sample-blank.json @@ -1,7 +1,5 @@ { "title": "Media", "group": "Features", - "model": { - - } + "model": {} } diff --git a/fragments/mediablock/sample-empty.json b/fragments/mediablock/sample-empty.json index 54ba45433..79c824bca 100644 --- a/fragments/mediablock/sample-empty.json +++ b/fragments/mediablock/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Image/Video with no default value", "group": "Empty", - "model": { - - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/mediablock/sample.json b/fragments/mediablock/sample.json index 6c524ec8b..54e10b753 100644 --- a/fragments/mediablock/sample.json +++ b/fragments/mediablock/sample.json @@ -9,4 +9,4 @@ "bottompadding": "30", "backgroundtype": "color" } -} \ No newline at end of file +} diff --git a/fragments/mediablock/template.html b/fragments/mediablock/template.html index ef94de59e..92d4aed37 100644 --- a/fragments/mediablock/template.html +++ b/fragments/mediablock/template.html @@ -1,3 +1,6 @@
- image + image
diff --git a/fragments/mediablock/template.vue b/fragments/mediablock/template.vue index b2f37bbed..571d64a3a 100644 --- a/fragments/mediablock/template.vue +++ b/fragments/mediablock/template.vue @@ -1,20 +1,22 @@ \ No newline at end of file +export default { + props: ["model"], + computed: { + isEditAndEmpty() { + if (!$peregrineApp.isAuthorMode()) return false; + //return !(this.model.imagesrc || this.model.videosrc) + return this.$helper.areAllEmpty(this.model.imagesrc, this.model.videosrc); + }, + }, +}; + diff --git a/fragments/mediavisible/hatch.js b/fragments/mediavisible/hatch.js index b0ac267ed..73e8715ce 100644 --- a/fragments/mediavisible/hatch.js +++ b/fragments/mediavisible/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindPath($) - } -} \ No newline at end of file + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, +}; diff --git a/fragments/mediavisible/model.json b/fragments/mediavisible/model.json index 163482be1..4d11f0989 100644 --- a/fragments/mediavisible/model.json +++ b/fragments/mediavisible/model.json @@ -11,7 +11,7 @@ "x-form-group": "style", "x-form-type": "materialswitch" }, - "mediatype" : { + "mediatype": { "type": "string", "x-source": "inject", "x-form-label": "Media type", diff --git a/fragments/mediavisible/template.vue b/fragments/mediavisible/template.vue index f8c36ce76..944a32040 100644 --- a/fragments/mediavisible/template.vue +++ b/fragments/mediavisible/template.vue @@ -1,11 +1,9 @@ - diff --git a/fragments/menubuttons/hatch.js b/fragments/menubuttons/hatch.js index 13d51ef95..1917c3dd7 100644 --- a/fragments/menubuttons/hatch.js +++ b/fragments/menubuttons/hatch.js @@ -1,8 +1,7 @@ module.exports = { - convert: function($, f) { - - //Button - let aClasses = `{ + convert: function ($, f) { + //Button + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -12,12 +11,12 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` + }`; - let a = $.find('a') - f.addFor( a, 'model.buttons') - f.bindAttribute( a, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( a, 'class', aClasses, false) - f.mapField( a, "item.buttontext", "model.buttons", "buttontext") - } -} + let a = $.find("a"); + f.addFor(a, "model.buttons"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.buttons", "buttontext"); + }, +}; diff --git a/fragments/menubuttons/model.json b/fragments/menubuttons/model.json index 31f1f7dad..edb3efe4f 100644 --- a/fragments/menubuttons/model.json +++ b/fragments/menubuttons/model.json @@ -11,7 +11,7 @@ "x-form-group": "style", "x-form-type": "materialselect", "x-default": "default", - "properties":{ + "properties": { "default": { "x-form-name": "Default", "x-form-value": "default" @@ -52,7 +52,7 @@ "x-form-label": "Button Color", "x-form-type": "materialselect", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" diff --git a/fragments/menubuttons/template.vue b/fragments/menubuttons/template.vue index eec801487..1117f1476 100644 --- a/fragments/menubuttons/template.vue +++ b/fragments/menubuttons/template.vue @@ -1,23 +1,30 @@ - diff --git a/fragments/navigation/hatch.js b/fragments/navigation/hatch.js index 93b914be2..4e90c1271 100644 --- a/fragments/navigation/hatch.js +++ b/fragments/navigation/hatch.js @@ -1,34 +1,53 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let justify = `{ + let justify = `{ 'justify-start': model.justifyitems === 'start', 'justify-center': model.justifyitems === 'center', 'justify-end': model.justifyitems === 'end' - }` + }`; - f.bindAttribute($, 'class', justify, false); + f.bindAttribute($, "class", justify, false); - let rootItem = $.find('div').eq(0); - f.addFor( rootItem, 'model.childrenPages', 'child' ); + let rootItem = $.find("div").eq(0); + f.addFor(rootItem, "model.childrenPages", "child"); - let rootLink = $.find('a'); - f.mapField(rootLink, 'child.title', "model.childrenPages", "title"); - f.bindAttribute(rootLink, 'href', "child.childrenPages.length > 0 ? false : child.path +'.html'"); - f.bindAttribute(rootLink, 'class', "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'",false); - - let nested = $.find('div').eq(1); - f.addIf(nested, 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + let rootLink = $.find("a"); + f.mapField(rootLink, "child.title", "model.childrenPages", "title"); + f.bindAttribute( + rootLink, + "href", + "child.childrenPages.length > 0 ? false : child.path +'.html'" + ); + f.bindAttribute( + rootLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); - let nestedLink = $.find('a').eq(1); - f.addFor( nestedLink, 'child.childrenPages', 'subchild' ); - f.mapField( nestedLink, 'subchild.title' ); - f.bindAttribute(nestedLink, 'href', "subchild.path + '.html'"); - f.bindAttribute(nestedLink, 'class', "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'",false); + let nested = $.find("div").eq(1); + f.addIf( + nested, + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($); - $.parent().prepend('
{{isEditAndEmpty}}
') - } -} + let nestedLink = $.find("a").eq(1); + f.addFor(nestedLink, "child.childrenPages", "subchild"); + f.mapField(nestedLink, "subchild.title"); + f.bindAttribute(nestedLink, "href", "subchild.path + '.html'"); + f.bindAttribute( + nestedLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); + + f.addElse($); + $.parent().prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/navigation/model.json b/fragments/navigation/model.json index f4146a818..625f01d61 100644 --- a/fragments/navigation/model.json +++ b/fragments/navigation/model.json @@ -32,10 +32,12 @@ "start": { "x-form-name": "Start", "x-form-value": "start" - },"center": { + }, + "center": { "x-form-name": "Center", "x-form-value": "center" - },"end": { + }, + "end": { "x-form-name": "End", "x-form-value": "end" } @@ -43,7 +45,7 @@ }, "bgref": { "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "$ref": "fragments/block/model.json#/definitions/Block" } } } diff --git a/fragments/navigation/sample-blank.json b/fragments/navigation/sample-blank.json index ed96932db..ece8f90e7 100644 --- a/fragments/navigation/sample-blank.json +++ b/fragments/navigation/sample-blank.json @@ -1,6 +1,5 @@ { "title": "Multilevel Navigation", "group": "Chrome", - "model": { - } + "model": {} } diff --git a/fragments/navigation/sample-empty.json b/fragments/navigation/sample-empty.json index cf3f1b254..775276bdd 100644 --- a/fragments/navigation/sample-empty.json +++ b/fragments/navigation/sample-empty.json @@ -1,6 +1,5 @@ { "title": "Navigation no default values", "group": "Empty", - "model": { - } + "model": {} } diff --git a/fragments/navigation/template.vue b/fragments/navigation/template.vue index 1cb8b7afb..53a825cda 100644 --- a/fragments/navigation/template.vue +++ b/fragments/navigation/template.vue @@ -1,23 +1,50 @@ - diff --git a/fragments/note/hatch.js b/fragments/note/hatch.js index bff18768b..589fa717f 100644 --- a/fragments/note/hatch.js +++ b/fragments/note/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block'); - f.bindAttribute($.parent(),'model','model'); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.mapRichField( $.find('div'), 'model.text'); + f.mapRichField($.find("div"), "model.text"); - let styles = `{ + let styles = `{ 'note-note': model.notetype === "note", 'note-tip': model.notetype === "tip", 'note-warning': model.notetype === "warning", @@ -13,6 +13,6 @@ module.exports = { 'note-caution': model.notetype === "caution" }`; - f.bindAttribute($, 'class', styles, false); - } -} + f.bindAttribute($, "class", styles, false); + }, +}; diff --git a/fragments/note/model.json b/fragments/note/model.json index 8f40df9e1..4ee6e5fcc 100644 --- a/fragments/note/model.json +++ b/fragments/note/model.json @@ -18,7 +18,7 @@ "x-form-type": "materialselect", "x-form-group": "content", "x-default": "note", - "properties":{ + "properties": { "note": { "x-form-name": "Note", "x-form-value": "note" diff --git a/fragments/note/sample-blank.json b/fragments/note/sample-blank.json index dd2eb8477..487c7efc5 100644 --- a/fragments/note/sample-blank.json +++ b/fragments/note/sample-blank.json @@ -1,6 +1,5 @@ { "title": "Note", "group": "Text Components", - "model": { - } + "model": {} } diff --git a/fragments/note/template.html b/fragments/note/template.html index 897cb9ab6..7015633fe 100644 --- a/fragments/note/template.html +++ b/fragments/note/template.html @@ -1,4 +1,3 @@ -
-
-
-
+
+
+
diff --git a/fragments/note/template.vue b/fragments/note/template.vue index abf50403e..ad4824be6 100644 --- a/fragments/note/template.vue +++ b/fragments/note/template.vue @@ -1,20 +1,26 @@ - diff --git a/fragments/pagelist/hatch.js b/fragments/pagelist/hatch.js index 27bdabc66..14fc6748d 100644 --- a/fragments/pagelist/hatch.js +++ b/fragments/pagelist/hatch.js @@ -1,32 +1,73 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.addIf($.find('ul.root'), 'model.includeroot === \'true\'') + f.addIf($.find("ul.root"), "model.includeroot === 'true'"); - f.bindAttribute($.find('li.root a').first(),'href',f.pathToUrl('model.rootPageLink')) - f.mapField($.find('li.root a').first(),'model.rootPageTitle', false) - f.addFor($.find('li.children').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.children a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.children a').first(),'child.title', false) + f.bindAttribute( + $.find("li.root a").first(), + "href", + f.pathToUrl("model.rootPageLink") + ); + f.mapField($.find("li.root a").first(), "model.rootPageTitle", false); + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); - f.replace( $.find('div.reference').eq(0), '
') - f.replace( $.find('.noroot .reference').eq(0), '
') - f.replace( $.find('.root .children .reference').eq(0), '
') + f.replace( + $.find("div.reference").eq(0), + '
' + ); + f.replace( + $.find(".noroot .reference").eq(0), + '
' + ); + f.replace( + $.find(".root .children .reference").eq(0), + '
' + ); - f.replace( $.find('ul.nested').eq(0), '') - f.addIf($.find('li.children themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find("li.children themecleanflex-components-pagelistnested").first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($.find('ul.noroot').first()); + f.addElse($.find("ul.noroot").first()); - f.addFor($.find('li.childrennoroot').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.childrennoroot a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.childrennoroot a').first(),'child.title', false) - f.replace( $.find('ul.nestednoroot').eq(0), '') - f.addIf($.find('li.childrennoroot themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + f.addFor( + $.find("li.childrennoroot").first(), + "model.childrenPages", + "child" + ); + f.bindAttribute( + $.find("li.childrennoroot a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.childrennoroot a").first(), "child.title", false); + f.replace( + $.find("ul.nestednoroot").eq(0), + '' + ); + f.addIf( + $.find( + "li.childrennoroot themecleanflex-components-pagelistnested" + ).first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($); - $.parent().prepend('
{{isEditAndEmpty}}
') - } -} + f.addElse($); + $.parent().prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/pagelist/model.json b/fragments/pagelist/model.json index c32e831d9..a8135f288 100644 --- a/fragments/pagelist/model.json +++ b/fragments/pagelist/model.json @@ -74,7 +74,7 @@ }, "bgref": { "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "$ref": "fragments/block/model.json#/definitions/Block" } } } diff --git a/fragments/pagelist/sample-blank.json b/fragments/pagelist/sample-blank.json index f4b69742d..765b053f8 100644 --- a/fragments/pagelist/sample-blank.json +++ b/fragments/pagelist/sample-blank.json @@ -1,6 +1,5 @@ { "title": "Page List", "group": "Features", - "model": { - } + "model": {} } diff --git a/fragments/pagelist/sample-empty.json b/fragments/pagelist/sample-empty.json index 0ff757664..ad815ada7 100644 --- a/fragments/pagelist/sample-empty.json +++ b/fragments/pagelist/sample-empty.json @@ -1,6 +1,5 @@ { "title": "Page List no default values", "group": "Empty", - "model": { - } + "model": {} } diff --git a/fragments/pagelist/template.html b/fragments/pagelist/template.html index ddeaf8ad1..a81713a86 100644 --- a/fragments/pagelist/template.html +++ b/fragments/pagelist/template.html @@ -1,33 +1,40 @@
-
diff --git a/fragments/pagelist/template.vue b/fragments/pagelist/template.vue index 051b7b870..5ad154185 100644 --- a/fragments/pagelist/template.vue +++ b/fragments/pagelist/template.vue @@ -1,29 +1,61 @@ - diff --git a/fragments/pagelistnested/hatch.js b/fragments/pagelistnested/hatch.js index 6bd49966d..1a721d451 100644 --- a/fragments/pagelistnested/hatch.js +++ b/fragments/pagelistnested/hatch.js @@ -1,13 +1,25 @@ module.exports = { - convert: function($, f) { - //f.bindPath($) - f.addFor($.find('li.children').first(), 'model.childrenPages', 'child') - f.bindAttribute($.find('li.children a').first(),'href',f.pathToUrl('child.path')) - f.mapField($.find('li.children a').first(),'child.title', false) - f.replace( $.find('ul.nested').eq(0), '') - f.addIf($.find('themecleanflex-components-pagelistnested').first(), 'child.hasChildren && child.childrenPages && child.childrenPages.length > 0') + convert: function ($, f) { + //f.bindPath($) + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find("themecleanflex-components-pagelistnested").first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.replace( $.find('.reference').eq(0), '
') - - } -} \ No newline at end of file + f.replace( + $.find(".reference").eq(0), + '
' + ); + }, +}; diff --git a/fragments/pagelistnested/model.json b/fragments/pagelistnested/model.json index 0b425daa2..0a4b16c73 100644 --- a/fragments/pagelistnested/model.json +++ b/fragments/pagelistnested/model.json @@ -3,8 +3,7 @@ "Pagelistnested": { "type": "object", "x-type": "component", - "properties": { - } + "properties": {} } } -} \ No newline at end of file +} diff --git a/fragments/pagelistnested/sample.json b/fragments/pagelistnested/sample.json index 16ea4534d..0478da250 100644 --- a/fragments/pagelistnested/sample.json +++ b/fragments/pagelistnested/sample.json @@ -1,6 +1,5 @@ { "title": "Pagelistnested", "group": ".hidden", - "model": { - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/pagelistnested/template.html b/fragments/pagelistnested/template.html index 31b1f3e3a..c25478af4 100644 --- a/fragments/pagelistnested/template.html +++ b/fragments/pagelistnested/template.html @@ -1,13 +1,16 @@ + + diff --git a/fragments/pagelistnested/template.vue b/fragments/pagelistnested/template.vue index 224452868..5d286b556 100644 --- a/fragments/pagelistnested/template.vue +++ b/fragments/pagelistnested/template.vue @@ -1,17 +1,28 @@ - diff --git a/fragments/pager/hatch.js b/fragments/pager/hatch.js index 05d2bc7a1..5c23d87c0 100644 --- a/fragments/pager/hatch.js +++ b/fragments/pager/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.addIf($.find('.perIsEditAndEmpty').first(), 'isEditAndEmpty') - f.bindAttribute($.parent(),'model','model') - - let a1Classes = `{ + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.addIf($.find(".perIsEditAndEmpty").first(), "isEditAndEmpty"); + f.bindAttribute($.parent(), "model", "model"); + + let a1Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -15,9 +15,9 @@ module.exports = { 'btn-light': model.buttoncolor === 'light', 'btn-dark': model.buttoncolor === 'dark', 'invisible': model.previous === 'unknown', - }` + }`; - let a2Classes = `{ + let a2Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -28,20 +28,22 @@ module.exports = { 'btn-light': model.buttoncolor === 'light', 'btn-dark': model.buttoncolor === 'dark', 'invisible': model.next === 'unknown', - }` + }`; + + let a1 = $.find("a").eq(0); + let a2 = $.find("a").eq(1); - let a1 =$.find('a').eq(0) - let a2 =$.find('a').eq(1) + f.mapField(a1, "model.prevlabel"); + f.bindAttribute(a1, "href", f.pathToUrl("model.previous")); + f.bindAttribute(a1, "class", a1Classes, false); - f.mapField( a1, 'model.prevlabel') - f.bindAttribute(a1, 'href', f.pathToUrl('model.previous')) - f.bindAttribute( a1, 'class', a1Classes, false) - - f.mapField(a2, 'model.nextlabel') - f.bindAttribute(a2, 'href', f.pathToUrl('model.next')) - f.bindAttribute( a2, 'class', a2Classes, false) + f.mapField(a2, "model.nextlabel"); + f.bindAttribute(a2, "href", f.pathToUrl("model.next")); + f.bindAttribute(a2, "class", a2Classes, false); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/pager/model.json b/fragments/pager/model.json index 3cb856054..2cc3a00ee 100644 --- a/fragments/pager/model.json +++ b/fragments/pager/model.json @@ -28,7 +28,7 @@ "x-form-type": "materialselect", "x-form-group": "style", "x-default": "default", - "properties":{ + "properties": { "default": { "x-form-name": "Default", "x-form-value": "default" @@ -50,7 +50,7 @@ "x-form-type": "materialselect", "x-form-group": "style", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" @@ -118,8 +118,8 @@ "x-default": false }, "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" } } } diff --git a/fragments/pager/sample-blank.json b/fragments/pager/sample-blank.json index ebbe66b96..deea36cc0 100644 --- a/fragments/pager/sample-blank.json +++ b/fragments/pager/sample-blank.json @@ -1,7 +1,5 @@ { "title": "Pager", "group": "Features", - "model": { - - } + "model": {} } diff --git a/fragments/pager/sample-empty.json b/fragments/pager/sample-empty.json index 499395353..2bbf6defd 100644 --- a/fragments/pager/sample-empty.json +++ b/fragments/pager/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Article Pager", "group": "Empty", - "model": { - - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/pager/template.vue b/fragments/pager/template.vue index 9873cf5f5..7dee92abb 100644 --- a/fragments/pager/template.vue +++ b/fragments/pager/template.vue @@ -1,47 +1,60 @@ - diff --git a/fragments/quote/hatch.js b/fragments/quote/hatch.js index e8ce7626d..c38215d47 100644 --- a/fragments/quote/hatch.js +++ b/fragments/quote/hatch.js @@ -1,18 +1,20 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.mapRichField( $, 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($, "model.text"); - const quoteClasses = `[ + const quoteClasses = `[ {'border-l-8': model.blockquote === 'true'}, {'border-t-2 border-b-4': model.blockquote === 'false'}, model.colorscheme === 'dark' ? 'border-gray-200' : 'border-gray-800' - ]` + ]`; - f.bindAttribute( $, 'class', quoteClasses, false) + f.bindAttribute($, "class", quoteClasses, false); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/quote/sample-blank.json b/fragments/quote/sample-blank.json index 4f8a9776c..ddac8a893 100644 --- a/fragments/quote/sample-blank.json +++ b/fragments/quote/sample-blank.json @@ -1,7 +1,5 @@ { "title": "Quote", "group": "Text Components", - "model": { - - } + "model": {} } diff --git a/fragments/quote/sample-blockquote.json b/fragments/quote/sample-blockquote.json index 19bd34279..2ff536b1f 100644 --- a/fragments/quote/sample-blockquote.json +++ b/fragments/quote/sample-blockquote.json @@ -3,8 +3,8 @@ "group": "Text Components", "model": { "text": "

If you think you can do a thing or think you cant do a thing, youre right.

- Henry Ford", - "blockquote" : "true", - "blockwidth" : "article", + "blockquote": "true", + "blockwidth": "article", "toppadding": "30", "bottompadding": "30" } diff --git a/fragments/quote/sample-largequote.json b/fragments/quote/sample-largequote.json index db43b66ab..d1ed01f77 100644 --- a/fragments/quote/sample-largequote.json +++ b/fragments/quote/sample-largequote.json @@ -3,8 +3,8 @@ "group": "Text Components", "model": { "text": "

That's one small step for a man, one giant leap for mankind.
-Neil Armstrong

", - "blockquote" : "true", - "blockwidth" : "article", + "blockquote": "true", + "blockwidth": "article", "toppadding": "30", "bottompadding": "30" } diff --git a/fragments/quote/sample-rte.json b/fragments/quote/sample-rte.json index 4c7b258c5..63e5ee709 100644 --- a/fragments/quote/sample-rte.json +++ b/fragments/quote/sample-rte.json @@ -3,8 +3,8 @@ "group": ".hidden", "model": { "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", - "blockquote" : "false", - "blockwidth" : "article", + "blockquote": "false", + "blockwidth": "article", "toppadding": "30", "bottompadding": "30" } diff --git a/fragments/quote/sample.json b/fragments/quote/sample.json index 848bc0ecc..1dac35eca 100644 --- a/fragments/quote/sample.json +++ b/fragments/quote/sample.json @@ -3,8 +3,8 @@ "group": "Text Components", "model": { "text": "

\"Thats one small step for a man, one giant leap for mankind.\"

-Neil Armstrong

", - "blockquote" : "false", - "blockwidth" : "article", + "blockquote": "false", + "blockwidth": "article", "toppadding": "30", "bottompadding": "30" } diff --git a/fragments/quote/template.html b/fragments/quote/template.html index a58937e5c..3e01f2a18 100644 --- a/fragments/quote/template.html +++ b/fragments/quote/template.html @@ -1,3 +1 @@ -
- quote -
+
quote
diff --git a/fragments/quote/template.vue b/fragments/quote/template.vue index 6c8220bdc..7921244a6 100644 --- a/fragments/quote/template.vue +++ b/fragments/quote/template.vue @@ -1,24 +1,30 @@ - diff --git a/fragments/reference/hatch.js b/fragments/reference/hatch.js index 7a5c69412..7bb1790de 100644 --- a/fragments/reference/hatch.js +++ b/fragments/reference/hatch.js @@ -1,12 +1,18 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $.find('component'), 'is', 'getLoadedComponent(refModel.component)') - f.bindAttribute( $.find('component'), 'model', 'refModel') - f.addIf( $.find('.absolute'), 'maskReference') - f.bindAttribute( $.find('.absolute'), 'style', 'overlayStyle') + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find('.relative')); - $.prepend('
{{isEditAndEmpty}}
') - } -} + f.addElse($.find(".relative")); + $.prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/reference/htmltovue.js b/fragments/reference/htmltovue.js index 7a5c69412..7bb1790de 100644 --- a/fragments/reference/htmltovue.js +++ b/fragments/reference/htmltovue.js @@ -1,12 +1,18 @@ module.exports = { - convert: function($, f) { - f.bindAttribute( $, 'data-per-path', 'model.path') - f.bindAttribute( $.find('component'), 'is', 'getLoadedComponent(refModel.component)') - f.bindAttribute( $.find('component'), 'model', 'refModel') - f.addIf( $.find('.absolute'), 'maskReference') - f.bindAttribute( $.find('.absolute'), 'style', 'overlayStyle') + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find('.relative')); - $.prepend('
{{isEditAndEmpty}}
') - } -} + f.addElse($.find(".relative")); + $.prepend( + '
{{isEditAndEmpty}}
' + ); + }, +}; diff --git a/fragments/reference/model.json b/fragments/reference/model.json index cb3385f6c..1fddac666 100644 --- a/fragments/reference/model.json +++ b/fragments/reference/model.json @@ -27,4 +27,4 @@ } } } -} \ No newline at end of file +} diff --git a/fragments/reference/sample.json b/fragments/reference/sample.json index a29576172..a2ecaf00a 100644 --- a/fragments/reference/sample.json +++ b/fragments/reference/sample.json @@ -4,4 +4,4 @@ "model": { "reference": "" } -} \ No newline at end of file +} diff --git a/fragments/reference/template.html b/fragments/reference/template.html index 0b3a7bd8c..817bfb5b6 100644 --- a/fragments/reference/template.html +++ b/fragments/reference/template.html @@ -1,6 +1,6 @@
-
-
- -
+
+
+ +
diff --git a/fragments/reference/template.vue b/fragments/reference/template.vue index aa59ded9f..fab6b5bde 100644 --- a/fragments/reference/template.vue +++ b/fragments/reference/template.vue @@ -1,52 +1,64 @@ diff --git a/fragments/richtext/hatch.js b/fragments/richtext/hatch.js index e5ba1b0fb..60dbab6d6 100644 --- a/fragments/richtext/hatch.js +++ b/fragments/richtext/hatch.js @@ -1,23 +1,28 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.mapRichField( $.find('div').eq(1), 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($.find("div").eq(1), "model.text"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after' - }` - f.bindAttribute( $, 'class', containerClasses, false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.replace( $.find('img'), '') + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/richtext/model.json b/fragments/richtext/model.json index 0a4b5b4f6..a7a491cee 100644 --- a/fragments/richtext/model.json +++ b/fragments/richtext/model.json @@ -13,8 +13,8 @@ "x-form-type": "texteditor" }, "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" }, "mediaposition": { "type": "string", @@ -25,14 +25,15 @@ "x-form-visible": "model.showmedia == 'true'", "x-default": "before", "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - },"type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } }, "bgref": { "$ref": "fragments/block/model.json#/definitions/Block", diff --git a/fragments/richtext/sample-blank.json b/fragments/richtext/sample-blank.json index 17ef65a69..ff19ec9a9 100644 --- a/fragments/richtext/sample-blank.json +++ b/fragments/richtext/sample-blank.json @@ -1,7 +1,5 @@ { "title": "Rich Text", "group": "Text Components", - "model": { - - } + "model": {} } diff --git a/fragments/richtext/sample-empty.json b/fragments/richtext/sample-empty.json index c03e44428..6b867a689 100644 --- a/fragments/richtext/sample-empty.json +++ b/fragments/richtext/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Empty Rich Text Test", "group": "Empty", - "model": { - - } + "model": {} } diff --git a/fragments/richtext/template.html b/fragments/richtext/template.html index 83c47456e..aa8f82c24 100644 --- a/fragments/richtext/template.html +++ b/fragments/richtext/template.html @@ -1,6 +1,6 @@
- +
richtext
-
+ diff --git a/fragments/richtext/template.vue b/fragments/richtext/template.vue index 6a3cc3cb0..b342d6253 100644 --- a/fragments/richtext/template.vue +++ b/fragments/richtext/template.vue @@ -1,29 +1,42 @@ - diff --git a/fragments/simpletext/hatch.js b/fragments/simpletext/hatch.js index 06e6fd1e3..0e6c69ec0 100644 --- a/fragments/simpletext/hatch.js +++ b/fragments/simpletext/hatch.js @@ -1,21 +1,23 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.bindAttribute($ ,'is','model.element') - f.mapField( $, 'model.text') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "is", "model.element"); + f.mapField($, "model.text"); - let classes = `{ + let classes = `{ 'text-4xl font-semibold': model.element === \'h1\', 'text-3xl font-semibold': model.element === \'h2\', 'text-2xl': model.element === \'h3\', 'text-xl font-semibold': model.element === \'h4\', 'text-lg': model.element === \'h5\', - }` + }`; - f.bindAttribute($, 'class', classes, false); + f.bindAttribute($, "class", classes, false); - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/simpletext/sample-empty.json b/fragments/simpletext/sample-empty.json index d16b7c79d..a08a13970 100644 --- a/fragments/simpletext/sample-empty.json +++ b/fragments/simpletext/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Empty Simple Text Test", "group": "Empty", - "model": { - - } + "model": {} } diff --git a/fragments/simpletext/template.html b/fragments/simpletext/template.html index a1159297d..389e20722 100644 --- a/fragments/simpletext/template.html +++ b/fragments/simpletext/template.html @@ -1 +1 @@ -simpletext \ No newline at end of file +simpletext diff --git a/fragments/simpletext/template.vue b/fragments/simpletext/template.vue index 73b403644..e28517ca1 100644 --- a/fragments/simpletext/template.vue +++ b/fragments/simpletext/template.vue @@ -1,26 +1,32 @@ - diff --git a/fragments/socialicons/hatch.js b/fragments/socialicons/hatch.js index 5f40f656c..58380ee16 100644 --- a/fragments/socialicons/hatch.js +++ b/fragments/socialicons/hatch.js @@ -1,14 +1,18 @@ module.exports = { - convert: function($, f) { - let a = $.find('a').first() - f.addFor( a, 'model.icons') - f.bindAttribute( a, 'href', f.pathToUrl('item.url')) - f.bindAttribute( a, 'title', 'item.iconalttext') - f.addStyle( a, 'color', "model.iconcustomcolor === 'true' ? model.iconcolor : false") + convert: function ($, f) { + let a = $.find("a").first(); + f.addFor(a, "model.icons"); + f.bindAttribute(a, "href", f.pathToUrl("item.url")); + f.bindAttribute(a, "title", "item.iconalttext"); + f.addStyle( + a, + "color", + "model.iconcustomcolor === 'true' ? model.iconcolor : false" + ); - f.addStyle( $.find('svg'), 'width', 'model.iconsize', 'px') + f.addStyle($.find("svg"), "width", "model.iconsize", "px"); - f.bindAttribute( $.find('use'), false, '{\'xlink:href\':`#${item.icon}`}') - f.bindAttribute( $.find('use'), 'href', '`#${item.icon}`') - } -} + f.bindAttribute($.find("use"), false, "{'xlink:href':`#${item.icon}`}"); + f.bindAttribute($.find("use"), "href", "`#${item.icon}`"); + }, +}; diff --git a/fragments/socialicons/template.html b/fragments/socialicons/template.html index fe4d1052e..4cb003f6e 100644 --- a/fragments/socialicons/template.html +++ b/fragments/socialicons/template.html @@ -1,9 +1,9 @@
- - - - - - - + + + + + + +
diff --git a/fragments/socialicons/template.vue b/fragments/socialicons/template.vue index 5e1007112..9a1ada8f3 100644 --- a/fragments/socialicons/template.vue +++ b/fragments/socialicons/template.vue @@ -1,10 +1,23 @@ - diff --git a/fragments/spacer/hatch.js b/fragments/spacer/hatch.js index 0f8dc075d..10a9c72f5 100644 --- a/fragments/spacer/hatch.js +++ b/fragments/spacer/hatch.js @@ -1,10 +1,12 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') - f.addStyle($.find("div").first(), 'height', 'model.height', 'vh') - - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addStyle($.find("div").first(), "height", "model.height", "vh"); + + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/spacer/model.json b/fragments/spacer/model.json index 1ce2e4ab1..0a4e8a4f5 100644 --- a/fragments/spacer/model.json +++ b/fragments/spacer/model.json @@ -12,7 +12,7 @@ "x-form-group": "content", "x-form-type": "materialrange", "x-form-min": 0, - "x-form-max": 100 + "x-form-max": 100 }, "bgref": { "$ref": "fragments/block/model-spacer.json#/definitions/Block", diff --git a/fragments/spacer/readme.md b/fragments/spacer/readme.md index a9e56b241..36e25aa38 100644 --- a/fragments/spacer/readme.md +++ b/fragments/spacer/readme.md @@ -1,3 +1,3 @@ -# Spacer +# Spacer The Spacer component is a very simple Block, allowing you to add extra space with or without a background to your page. diff --git a/fragments/spacer/sample-empty.json b/fragments/spacer/sample-empty.json index 8d293990e..3eb093d28 100644 --- a/fragments/spacer/sample-empty.json +++ b/fragments/spacer/sample-empty.json @@ -1,7 +1,5 @@ { "title": "Empty Spacer", "group": "Empty", - "model": { - - } + "model": {} } diff --git a/fragments/spacer/sample.json b/fragments/spacer/sample.json index 505128526..07a019de6 100644 --- a/fragments/spacer/sample.json +++ b/fragments/spacer/sample.json @@ -4,4 +4,4 @@ "model": { "height": "20" } -} \ No newline at end of file +} diff --git a/fragments/spacer/template.html b/fragments/spacer/template.html index 041b1071f..a247fc7a4 100644 --- a/fragments/spacer/template.html +++ b/fragments/spacer/template.html @@ -1,4 +1,3 @@
-
-
-
\ No newline at end of file +
+ diff --git a/fragments/spacer/template.vue b/fragments/spacer/template.vue index 5e53c56b0..942fb27e0 100644 --- a/fragments/spacer/template.vue +++ b/fragments/spacer/template.vue @@ -1,6 +1,8 @@ - diff --git a/fragments/tabs/hatch.js b/fragments/tabs/hatch.js index 2411c9e0a..dcfe6fe4c 100644 --- a/fragments/tabs/hatch.js +++ b/fragments/tabs/hatch.js @@ -1,30 +1,45 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.replace( $.find('img'), '') + f.replace( + $.find("img"), + '' + ); - let imageDiv = $.find('div.img-wrapper').first() - f.addIf( imageDiv, 'model.showmedia == \'true\'') + let imageDiv = $.find("div.img-wrapper").first(); + f.addIf(imageDiv, "model.showmedia == 'true'"); - let containerClasses = `{ + let containerClasses = `{ 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' - }` - f.bindAttribute($.find('div.flex').first(), 'class', containerClasses, false) + }`; + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); - f.bindAttribute($.find('div.flex > div').first(), 'style', "{'flex':`0 0 ${model.mediawidth}%`}") - f.addIf($.find('h1').first(), 'model.showtitle == \'true\' && model.title') - f.mapField($.find('h1').first(), "model.title") - f.addIf($.find('h2').first(), 'model.showsubtitle == \'true\' && model.subtitle') - f.mapField($.find('h2').first(), "model.subtitle") + f.bindAttribute( + $.find("div.flex > div").first(), + "style", + "{'flex':`0 0 ${model.mediawidth}%`}" + ); + f.addIf($.find("h1").first(), "model.showtitle == 'true' && model.title"); + f.mapField($.find("h1").first(), "model.title"); + f.addIf( + $.find("h2").first(), + "model.showsubtitle == 'true' && model.subtitle" + ); + f.mapField($.find("h2").first(), "model.subtitle"); - let a = $.find('a').first() - f.addFor(a, 'model.tabs') + let a = $.find("a").first(); + f.addFor(a, "model.tabs"); - let aClasses = `{ + let aClasses = `{ 'text-white' : active === i, 'bg-blue-700' : active === i && model.tabcolor === 'blue', 'bg-green-700' : active === i && model.tabcolor === 'green', @@ -38,23 +53,34 @@ module.exports = { 'text-orange-700' : active !== i && model.tabcolor === 'orange', 'text-light' : active !== i && model.tabcolor === 'light' || active === i && model.tabcolor === 'dark', 'text-dark' : active !== i && model.tabcolor === 'dark' || active === i && model.tabcolor === 'light', - }` - - f.bindAttribute( a, 'class', aClasses, false) - f.bindAttribute( a, 'id', '`tab-control-${_uid}${parseInt(i)+1}`') - f.bindAttribute( a, 'aria-controls', '`tab${_uid}${parseInt(i)+1}`') - f.bindAttribute( a, 'aria-selected', 'active === i') - f.bindEvent( a, 'click', 'toggleActive(i)') - f.mapField( a, "item.title") - - let tabPanel = $.find('[role="tabpanel"]').first() - f.addFor( tabPanel, 'model.tabs') - f.bindAttribute(tabPanel, 'id', '`tab${_uid}${parseInt(i)+1}`') - f.bindAttribute(tabPanel, 'aria-labelledby', '`tab-control-${_uid}${parseInt(i)+1}`') - f.bindAttribute(tabPanel, 'class', "active === i ? 'block opacity-100' : 'hidden'", false) - f.mapRichField(tabPanel, "item.text") - - f.addElse($); - $.parent().prepend('
no content defined for component
') - } -} + }`; + + f.bindAttribute(a, "class", aClasses, false); + f.bindAttribute(a, "id", "`tab-control-${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-controls", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-selected", "active === i"); + f.bindEvent(a, "click", "toggleActive(i)"); + f.mapField(a, "item.title"); + + let tabPanel = $.find('[role="tabpanel"]').first(); + f.addFor(tabPanel, "model.tabs"); + f.bindAttribute(tabPanel, "id", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute( + tabPanel, + "aria-labelledby", + "`tab-control-${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + tabPanel, + "class", + "active === i ? 'block opacity-100' : 'hidden'", + false + ); + f.mapRichField(tabPanel, "item.text"); + + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/tabs/model.json b/fragments/tabs/model.json index 016d78dbd..18e66536e 100644 --- a/fragments/tabs/model.json +++ b/fragments/tabs/model.json @@ -56,8 +56,8 @@ } }, "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" }, "tabcolor": { "type": "string", @@ -66,7 +66,7 @@ "x-form-group": "style", "x-form-type": "materialselect", "x-default": "blue", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "blue" @@ -121,4 +121,4 @@ } } } -} \ No newline at end of file +} diff --git a/fragments/tabs/readme.md b/fragments/tabs/readme.md index e647488e4..cd444b790 100644 --- a/fragments/tabs/readme.md +++ b/fragments/tabs/readme.md @@ -1,4 +1,3 @@ # Tabs The Tabs component displays a list of content, but with only 1 active piece of content at a time. - diff --git a/fragments/tabs/sample-blank.json b/fragments/tabs/sample-blank.json index c25bd7d3d..07975852b 100644 --- a/fragments/tabs/sample-blank.json +++ b/fragments/tabs/sample-blank.json @@ -2,8 +2,6 @@ "title": "Tabs", "group": "Features", "model": { - "tabs": [ - - ] + "tabs": [] } } diff --git a/fragments/tabs/sample-empty.json b/fragments/tabs/sample-empty.json index 95c34518c..e6e050f96 100644 --- a/fragments/tabs/sample-empty.json +++ b/fragments/tabs/sample-empty.json @@ -2,8 +2,6 @@ "title": "Tabs no default values", "group": "Empty", "model": { - "tabs": [ - - ] + "tabs": [] } -} \ No newline at end of file +} diff --git a/fragments/tabs/sample-media.json b/fragments/tabs/sample-media.json index 8b9c33ae0..35d698180 100644 --- a/fragments/tabs/sample-media.json +++ b/fragments/tabs/sample-media.json @@ -19,10 +19,12 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" - },{ + }, + { "text": "

Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "About Us" } diff --git a/fragments/tabs/sample-rte.json b/fragments/tabs/sample-rte.json index 47ce04bdd..f41b4be6a 100644 --- a/fragments/tabs/sample-rte.json +++ b/fragments/tabs/sample-rte.json @@ -18,10 +18,12 @@ { "text": "

Left (Default) Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Center Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Right Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

Justified Alignment Test

Header h2

Header h3

Header h4

Text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

unordered list:

  • item 1
  • item 2
  • item 3

ordered list

  1. item 1
  2. item 2
  3. item 3

subscript superscript

bold italic

some link text

a line followed by a shift return (<br/>)
a line followed by a return (end of paragraph)

another line

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" - },{ + }, + { "text": "

Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "About Us" } diff --git a/fragments/tabs/sample.json b/fragments/tabs/sample.json index 1195031c9..9df57a90b 100644 --- a/fragments/tabs/sample.json +++ b/fragments/tabs/sample.json @@ -18,10 +18,12 @@ { "text": "

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

", "title": "Learn More" - },{ + }, + { "text": "

when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "Contact Us" - },{ + }, + { "text": "

Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

", "title": "About Us" } diff --git a/fragments/tabs/template.html b/fragments/tabs/template.html index 82d9db95a..5e4767c72 100644 --- a/fragments/tabs/template.html +++ b/fragments/tabs/template.html @@ -1,29 +1,30 @@
+
+

Tabs

+

subtitle

+
-
-

Tabs

-

subtitle

-
+
+
+ +
-
-
- -
+
+ +
+ TabName1 +
+ -
- -
- TabName1 -
- - -
-
- Nihil laborum aspernatur rerum harum ut eos consequatur incidunt. Modi vel inventore aut a. Porro sint doloribus. Sequi possimus - quis fugit. Doloremque quam corporis voluptatibus voluptatem sunt eos distinctio magnam aperiam. Est ad voluptatem - voluptate consequatur at magni qui id et. -
-
-
-
+
+
+ Nihil laborum aspernatur rerum harum ut eos consequatur incidunt. Modi + vel inventore aut a. Porro sint doloribus. Sequi possimus quis fugit. + Doloremque quam corporis voluptatibus voluptatem sunt eos distinctio + magnam aperiam. Est ad voluptatem voluptate consequatur at magni qui + id et. +
+
+
+
diff --git a/fragments/tabs/template.vue b/fragments/tabs/template.vue index 6d7dda6fe..2dee48a39 100644 --- a/fragments/tabs/template.vue +++ b/fragments/tabs/template.vue @@ -1,27 +1,50 @@ diff --git a/fragments/tags/hatch.js b/fragments/tags/hatch.js index c0d1ab197..9e66590f7 100644 --- a/fragments/tags/hatch.js +++ b/fragments/tags/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let styles = `{ + let styles = `{ 'bg-blue-600': model.tagcolor === "blue", 'bg-green-600': model.tagcolor === "green", 'bg-orange-600': model.tagcolor === "orange", @@ -11,19 +11,24 @@ module.exports = { 'bg-yellow-600': model.tagcolor === "yellow" }`; - let link = $.find('component'); - f.addFor(link, 'tags') - f.mapField(link, 'item.value ? item.value : item.name', false) - f.bindAttribute(link, 'class', styles, false); - f.bindAttribute(link, 'href', 'model.pagelink ? model.pagelink + \'.html\' + item.value : false'); - f.bindAttribute(link, 'is', 'model.pagelink ? "a":"div"'); + let link = $.find("component"); + f.addFor(link, "tags"); + f.mapField(link, "item.value ? item.value : item.name", false); + f.bindAttribute(link, "class", styles, false); + f.bindAttribute( + link, + "href", + "model.pagelink ? model.pagelink + '.html' + item.value : false" + ); + f.bindAttribute(link, "is", 'model.pagelink ? "a":"div"'); + let label = $.find("span"); + f.mapField(label, "model.tagslabel"); + f.addIf(label, "model.tagslabel"); - let label = $.find('span'); - f.mapField(label, 'model.tagslabel') - f.addIf(label, 'model.tagslabel') - - f.addElse($); - $.parent().prepend('
There are no tags set for this page
') - } -} + f.addElse($); + $.parent().prepend( + '
There are no tags set for this page
' + ); + }, +}; diff --git a/fragments/tags/model.json b/fragments/tags/model.json index 2e1bd9ea7..47209f929 100644 --- a/fragments/tags/model.json +++ b/fragments/tags/model.json @@ -19,7 +19,7 @@ "x-form-type": "materialselect", "x-form-group": "style", "x-default": "blue", - "properties":{ + "properties": { "note": { "x-form-name": "Blue", "x-form-value": "blue" diff --git a/fragments/tags/readme.md b/fragments/tags/readme.md index f2efb9a0c..4bda6e92a 100644 --- a/fragments/tags/readme.md +++ b/fragments/tags/readme.md @@ -1,3 +1,3 @@ -# Tags +# Tags Display the tags that are attached to this page. diff --git a/fragments/tags/template.html b/fragments/tags/template.html index b0279cd0a..8e51d477a 100644 --- a/fragments/tags/template.html +++ b/fragments/tags/template.html @@ -1,4 +1,7 @@
My Tags - Tag 1 + Tag 1
diff --git a/fragments/tags/template.vue b/fragments/tags/template.vue index 352a16dd2..994d17aee 100644 --- a/fragments/tags/template.vue +++ b/fragments/tags/template.vue @@ -1,35 +1,47 @@ - diff --git a/fragments/teaserhorizontal/hatch.js b/fragments/teaserhorizontal/hatch.js index 09031d894..7d30669ec 100644 --- a/fragments/teaserhorizontal/hatch.js +++ b/fragments/teaserhorizontal/hatch.js @@ -1,61 +1,61 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Container - let containerClasses = `{ + //Container + let containerClasses = `{ 'md:flex-row-reverse': model.buttonside === 'left', 'md:flex-row': model.buttonside === 'right', 'enlarge-text': model.isprimary === 'true' - }` - f.bindAttribute( $, 'class', containerClasses ,false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right' - }` - let textDiv = $.find('div').eq(0) - f.bindAttribute( textDiv, 'class', textClasses,false) - f.addStyle(textDiv, 'flex-basis', 'model.textwidth', '%') - - let title = $.find('h1').first() - let titleClasses = `{ + }`; + let textDiv = $.find("div").eq(0); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "flex-basis", "model.textwidth", "%"); + + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' - }` - - f.addIf(title, "model.showtitle === 'true'") - f.bindAttribute(title, 'class', titleClasses, false) - f.mapField(title, "model.title") + }`; + + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find('.teaser-subtitle').first() - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' - }` - - f.addIf(subTitle, "model.showsubtitle === 'true'") - f.bindAttribute(subTitle, 'class', subTitleClasses, false) - f.mapField($.find('.teaser-subtitle').first(), "model.subtitle") + }`; + + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField($.find(".teaser-subtitle").first(), "model.subtitle"); + + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - let teaserText = $.find('.teaser-text').first() - f.addIf(teaserText, "model.showtext === 'true'") - f.mapRichField(teaserText, "model.text") - - //Buttons - let buttonsDiv = $.find('.teaser-actions').first(); - let link = buttonsDiv.find('a') - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a"); + let buttonsClasses = `{ 'md:justify-end': model.buttonside === 'right', 'md:justify-start': model.buttonside === 'left', - }` + }`; - let aClasses = `{ + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -65,17 +65,19 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` - f.addIf( buttonsDiv, "model.showbutton === 'true'") - f.bindAttribute( buttonsDiv, 'class', buttonsClasses,false) - f.addFor( link, 'model.buttons') - f.bindAttribute( link, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( link, 'class', aClasses, false) - f.mapField( link, "item.buttontext", 'model.buttons', 'buttontext') - f.addStyle( link, 'backgroundColor', 'item.buttoncolor') - f.addStyle( link, 'borderColor', 'item.buttoncolor') + }`; + f.addIf(buttonsDiv, "model.showbutton === 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addElse($) - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/teaserhorizontal/model.json b/fragments/teaserhorizontal/model.json index ea63bca5d..b8ba50649 100644 --- a/fragments/teaserhorizontal/model.json +++ b/fragments/teaserhorizontal/model.json @@ -16,10 +16,12 @@ "left": { "x-form-name": "Left", "x-form-value": "left" - },"center": { + }, + "center": { "x-form-name": "Center", "x-form-value": "center" - },"right": { + }, + "right": { "x-form-name": "Right", "x-form-value": "right" } @@ -108,7 +110,8 @@ "left": { "x-form-name": "Before Content", "x-form-value": "left" - },"right": { + }, + "right": { "x-form-name": "After Content", "x-form-value": "right" } @@ -122,7 +125,7 @@ "x-form-visible": "model.showbutton == 'true'", "x-form-group": "style", "x-default": "default", - "properties":{ + "properties": { "default": { "x-form-name": "Default", "x-form-value": "default" @@ -164,7 +167,7 @@ "x-form-label": "Button Color", "x-form-type": "materialselect", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" diff --git a/fragments/teaserhorizontal/sample-blank.json b/fragments/teaserhorizontal/sample-blank.json index 8ce5930a6..afa7ba717 100644 --- a/fragments/teaserhorizontal/sample-blank.json +++ b/fragments/teaserhorizontal/sample-blank.json @@ -1,6 +1,5 @@ { "title": "Teaser Horizontal", "group": "Features", - "model": { - } + "model": {} } diff --git a/fragments/teaserhorizontal/sample-empty.json b/fragments/teaserhorizontal/sample-empty.json index 94edd37eb..a1adb657f 100644 --- a/fragments/teaserhorizontal/sample-empty.json +++ b/fragments/teaserhorizontal/sample-empty.json @@ -1,6 +1,5 @@ { "title": "Teaser Vertical no default values", "group": "Empty", - "model": { - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/teaserhorizontal/sample-rte.json b/fragments/teaserhorizontal/sample-rte.json index 1f2e295b0..179d2b944 100644 --- a/fragments/teaserhorizontal/sample-rte.json +++ b/fragments/teaserhorizontal/sample-rte.json @@ -26,7 +26,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", diff --git a/fragments/teaserhorizontal/sample.json b/fragments/teaserhorizontal/sample.json index d6b50c0f4..0c10d8b24 100644 --- a/fragments/teaserhorizontal/sample.json +++ b/fragments/teaserhorizontal/sample.json @@ -26,7 +26,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", diff --git a/fragments/teaserhorizontal/template.html b/fragments/teaserhorizontal/template.html index fada2e0ae..abf9b2427 100644 --- a/fragments/teaserhorizontal/template.html +++ b/fragments/teaserhorizontal/template.html @@ -1,10 +1,17 @@
-
-

Peregrine blocks

-

Et architecto autem tenetur provident ea exercitationem enim.

-

Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

-
-
- Click for more -
+
+

Peregrine blocks

+

+ Et architecto autem tenetur provident ea exercitationem enim. +

+
+

+ Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut + voluptatem necessitatibus cumque aspernatur. +

+
+
+
+ Click for more +
diff --git a/fragments/teaserhorizontal/template.vue b/fragments/teaserhorizontal/template.vue index b86851641..b73435d54 100644 --- a/fragments/teaserhorizontal/template.vue +++ b/fragments/teaserhorizontal/template.vue @@ -1,39 +1,71 @@ - diff --git a/fragments/teaservertical/hatch.js b/fragments/teaservertical/hatch.js index f05a947da..d0ef9df23 100644 --- a/fragments/teaservertical/hatch.js +++ b/fragments/teaservertical/hatch.js @@ -1,71 +1,74 @@ module.exports = { - convert: function($, f) { - f.wrap($, 'themecleanflex-components-block') - f.bindAttribute($.parent(),'model','model') + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after', 'enlarge-text': model.isprimary === 'true' - }` - f.bindAttribute( $, 'class', containerClasses, false) + }`; + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find('.img-wrapper').first() - f.addIf( mediaDiv, "model.showmedia === 'true'") - f.bindAttribute( mediaDiv, 'style', "{flex:`0 0 ${model.mediawidth}%`}") - f.replace( $.find('img'), '') + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right', 'self-start': model.aligncontent === 'left', 'self-center': model.aligncontent === 'center', 'self-end': model.aligncontent === 'right' - }` + }`; - let textDiv = $.find('div>div>div').first() - f.bindAttribute( textDiv, 'class', textClasses, false) - f.addStyle(textDiv, 'width', 'model.textwidth', '%') - - let title = $.find('h1').first() - let titleClasses = `{ + let textDiv = $.find("div>div>div").first(); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "width", "model.textwidth", "%"); + + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' - }` + }`; - f.addIf(title, "model.showtitle === 'true'") - f.bindAttribute(title, 'class', titleClasses, false) - f.mapField(title, "model.title") + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find('.teaser-subtitle').first() - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' - }` - - f.addIf(subTitle, "model.showsubtitle === 'true'") - f.bindAttribute(subTitle, 'class', subTitleClasses, false) - f.mapField(subTitle, "model.subtitle") + }`; + + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField(subTitle, "model.subtitle"); - let teaserText = $.find('.teaser-text').first() - f.addIf(teaserText, "model.showtext === 'true'") - f.mapRichField(teaserText, "model.text") + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - //Buttons - let buttonsDiv = $.find('.teaser-actions').first() - let link = buttonsDiv.find('a').first() - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a").first(); + let buttonsClasses = `{ 'justify-start': model.alignbuttons === 'start', 'justify-center': model.alignbuttons === 'center', 'justify-end': model.alignbuttons === 'end' - }` - let aClasses = `{ + }`; + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -75,19 +78,21 @@ module.exports = { 'btn-warning': item.buttoncolor === 'warning', 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' - }` + }`; - f.addFor( link, 'model.buttons') - f.bindAttribute( link, 'href', f.pathToUrl('item.buttonlink')) - f.bindAttribute( link, 'class', aClasses, false) - f.mapField( link, "item.buttontext", 'model.buttons', 'buttontext') - f.addStyle( link, 'backgroundColor', 'item.buttoncolor') - f.addStyle( link, 'borderColor', 'item.buttoncolor') + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addIf( buttonsDiv, "model.showbutton == 'true'") - f.bindAttribute( buttonsDiv, 'class', buttonsClasses, false) + f.addIf(buttonsDiv, "model.showbutton == 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); - f.addElse($) - $.parent().prepend('
no content defined for component
') - } -} + f.addElse($); + $.parent().prepend( + '
no content defined for component
' + ); + }, +}; diff --git a/fragments/teaservertical/model.json b/fragments/teaservertical/model.json index c3b2ac917..f92a31930 100644 --- a/fragments/teaservertical/model.json +++ b/fragments/teaservertical/model.json @@ -16,10 +16,12 @@ "left": { "x-form-name": "Left", "x-form-value": "left" - },"center": { + }, + "center": { "x-form-name": "Center", "x-form-value": "center" - },"right": { + }, + "right": { "x-form-name": "Right", "x-form-value": "right" } @@ -108,10 +110,12 @@ "left": { "x-form-name": "Left", "x-form-value": "start" - },"center": { + }, + "center": { "x-form-name": "Center", "x-form-value": "center" - },"right": { + }, + "right": { "x-form-name": "Right", "x-form-value": "end" } @@ -125,7 +129,7 @@ "x-form-visible": "model.showbutton == 'true'", "x-default": "default", "x-form-group": "style", - "properties":{ + "properties": { "default": { "x-form-name": "Default", "x-form-value": "default" @@ -167,7 +171,7 @@ "x-form-label": "Button Color", "x-form-type": "materialselect", "x-default": "primary", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" @@ -206,7 +210,7 @@ }, "mediaref": { "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" }, "mediaposition": { "type": "string", diff --git a/fragments/teaservertical/sample-blank.json b/fragments/teaservertical/sample-blank.json index b7562fb64..d7798e48d 100644 --- a/fragments/teaservertical/sample-blank.json +++ b/fragments/teaservertical/sample-blank.json @@ -1,6 +1,5 @@ { "title": "Teaser Vertical", "group": "Features", - "model": { - } + "model": {} } diff --git a/fragments/teaservertical/sample-empty.json b/fragments/teaservertical/sample-empty.json index afa5fdd7e..d470dbed8 100644 --- a/fragments/teaservertical/sample-empty.json +++ b/fragments/teaservertical/sample-empty.json @@ -1,6 +1,5 @@ { "title": "Teaser Vertical", "group": "Empty", - "model": { - } -} \ No newline at end of file + "model": {} +} diff --git a/fragments/teaservertical/sample-mediateaser.json b/fragments/teaservertical/sample-mediateaser.json index 3f3fbde75..36e2541a2 100644 --- a/fragments/teaservertical/sample-mediateaser.json +++ b/fragments/teaservertical/sample-mediateaser.json @@ -23,7 +23,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", diff --git a/fragments/teaservertical/sample-rte.json b/fragments/teaservertical/sample-rte.json index 88ca44056..0a0338813 100644 --- a/fragments/teaservertical/sample-rte.json +++ b/fragments/teaservertical/sample-rte.json @@ -23,7 +23,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", @@ -31,4 +32,4 @@ } ] } -} \ No newline at end of file +} diff --git a/fragments/teaservertical/sample-teaserfull.json b/fragments/teaservertical/sample-teaserfull.json index c6f7f3044..4eb141939 100644 --- a/fragments/teaservertical/sample-teaserfull.json +++ b/fragments/teaservertical/sample-teaserfull.json @@ -10,9 +10,9 @@ "custombackground": "true", "backgroundtype": "image", "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "overlay":"true", + "overlay": "true", "overlaycolor": "#ffffff", - "overlayopacity": "70", + "overlayopacity": "70", "bottompadding": "30", "toppadding": "30", "text": "

Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

", @@ -25,7 +25,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", diff --git a/fragments/teaservertical/sample.json b/fragments/teaservertical/sample.json index f4887cfb5..0bce7f38f 100644 --- a/fragments/teaservertical/sample.json +++ b/fragments/teaservertical/sample.json @@ -23,7 +23,8 @@ "buttontext": "See More", "buttoncolor": "primary", "iconclass": "" - },{ + }, + { "buttonlink": "/content/themecleanflex/pages", "buttontext": "About Us", "buttoncolor": "primary", @@ -31,4 +32,4 @@ } ] } -} \ No newline at end of file +} diff --git a/fragments/teaservertical/template.html b/fragments/teaservertical/template.html index eda789bb3..dea7911a4 100644 --- a/fragments/teaservertical/template.html +++ b/fragments/teaservertical/template.html @@ -1,15 +1,22 @@
- + +
+
+
+

Peregrine blocks

+

+ Et architecto autem tenetur provident ea exercitationem enim. +

+
+

+ Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci + ut voluptatem necessitatibus cumque aspernatur. +

+
+
+
+ Click for more +
-
-
-

Peregrine blocks

-

Et architecto autem tenetur provident ea exercitationem enim.

-

Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

-
-
- Click for more -
-
diff --git a/fragments/teaservertical/template.vue b/fragments/teaservertical/template.vue index 0d0b4cb9a..a4d866e86 100644 --- a/fragments/teaservertical/template.vue +++ b/fragments/teaservertical/template.vue @@ -1,58 +1,99 @@ - diff --git a/fragments/textlinks/hatch.js b/fragments/textlinks/hatch.js index 243014d6a..6fa64d7b6 100644 --- a/fragments/textlinks/hatch.js +++ b/fragments/textlinks/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function($, f) { - f.addFor($.find('li').first(), 'model.links') - f.bindAttribute($.find('a').first(), 'href', f.pathToUrl('item.link')) - f.mapField($.find('a').first(), "item.text", "model.links", "text", false) + convert: function ($, f) { + f.addFor($.find("li").first(), "model.links"); + f.bindAttribute($.find("a").first(), "href", f.pathToUrl("item.link")); + f.mapField($.find("a").first(), "item.text", "model.links", "text", false); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700 hover:text-green-600': model.linkcolor === 'success', 'text-red-700 hover:text-red-600': model.linkcolor === 'danger', @@ -12,8 +12,8 @@ module.exports = { 'text-white hover:text-white': model.linkcolor === 'light', 'text-gray-800 hover:text-black': model.linkcolor === 'dark', 'font-bold' : $data.path === $helper.pathToUrl(item.link) - }` + }`; - f.bindAttribute($.find('a').first(), 'class', aClasses, false) - } -} + f.bindAttribute($.find("a").first(), "class", aClasses, false); + }, +}; diff --git a/fragments/textlinks/model.json b/fragments/textlinks/model.json index 0d83634d1..861799528 100644 --- a/fragments/textlinks/model.json +++ b/fragments/textlinks/model.json @@ -33,7 +33,7 @@ "x-form-group": "style", "x-form-type": "materialselect", "x-default": "text-blue-800", - "properties":{ + "properties": { "primary": { "x-form-name": "Primary", "x-form-value": "primary" diff --git a/fragments/textlinks/sample.json b/fragments/textlinks/sample.json index 3dd5fd957..bd8fb0707 100644 --- a/fragments/textlinks/sample.json +++ b/fragments/textlinks/sample.json @@ -7,11 +7,13 @@ "link": "/content/themecleanflex/pages", "text": "Services", "color": "dark" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "About Us", "color": "dark" - },{ + }, + { "link": "/content/themecleanflex/pages", "text": "Contact Us", "color": "dark" diff --git a/fragments/textlinks/template.vue b/fragments/textlinks/template.vue index e3f55743e..0be9b1178 100644 --- a/fragments/textlinks/template.vue +++ b/fragments/textlinks/template.vue @@ -1,28 +1,33 @@ - diff --git a/ui.apps/postcss.config.js b/ui.apps/postcss.config.js index 06ad282dc..310e5c3ad 100644 --- a/ui.apps/postcss.config.js +++ b/ui.apps/postcss.config.js @@ -1,6 +1,6 @@ -const purgecss = require('@fullhuman/postcss-purgecss') -const tailwind = require('tailwindcss'); -const atImport = require('postcss-import') +const purgecss = require("@fullhuman/postcss-purgecss"); +const tailwind = require("tailwindcss"); +const atImport = require("postcss-import"); class TailwindExtractor { static extract(content) { @@ -11,14 +11,127 @@ class TailwindExtractor { module.exports = { plugins: [ atImport(), - tailwind('./tailwind.config.js'), + tailwind("./tailwind.config.js"), new purgecss({ - content: ['./src/main/content/jcr_root/**/*.vue', './src/main/content/jcr_root/**/dialog.json', './src/main/content/jcr_root/**/*html'], + content: [ + "./src/main/content/jcr_root/**/*.vue", + "./src/main/content/jcr_root/**/dialog.json", + "./src/main/content/jcr_root/**/*html", + ], whitelist: [ - 'body', 'w-auto', 'w-full', "w-1/2", "w-1/3", "w-2/3", "w-1/4", "w-2/4", "w-3/4", "w-1/5", "w-2/5", "w-3/5", "w-4/5", "w-1/6", "w-2/6", "w-3/6", "w-4/6", "w-5/6", "w-1/12", "w-2/12", "w-3/12", "w-4/12", "w-5/12", "w-6/12", "w-7/12", "w-8/12", "w-9/12", "w-10/12", "w-11/12", - 'sm:w-auto', 'sm:w-full', "sm:w-1/2", "sm:w-1/3", "sm:w-2/3", "sm:w-1/4", "sm:w-2/4", "sm:w-3/4", "sm:w-1/5", "sm:w-2/5", "sm:w-3/5", "sm:w-4/5", "sm:w-1/6", "sm:w-2/6", "sm:w-3/6", "sm:w-4/6", "sm:w-5/6", "sm:w-1/12", "sm:w-2/12", "sm:w-3/12", "sm:w-4/12", "sm:w-5/12", "sm:w-6/12", "sm:w-7/12", "sm:w-8/12", "sm:w-9/12", "sm:w-10/12", "sm:w-11/12", - 'md:w-auto', 'md:w-full', "md:w-1/2", "md:w-1/3", "md:w-2/3", "md:w-1/4", "md:w-2/4", "md:w-3/4", "md:w-1/5", "md:w-2/5", "md:w-3/5", "md:w-4/5", "md:w-1/6", "md:w-2/6", "md:w-3/6", "md:w-4/6", "md:w-5/6", "md:w-1/12", "md:w-2/12", "md:w-3/12", "md:w-4/12", "md:w-5/12", "md:w-6/12", "md:w-7/12", "md:w-8/12", "md:w-9/12", "md:w-10/12", "md:w-11/12", - 'lg:w-auto', 'lg:w-full', "lg:w-1/2", "lg:w-1/3", "lg:w-2/3", "lg:w-1/4", "lg:w-2/4", "lg:w-3/4", "lg:w-1/5", "lg:w-2/5", "lg:w-3/5", "lg:w-4/5", "lg:w-1/6", "lg:w-2/6", "lg:w-3/6", "lg:w-4/6", "lg:w-5/6", "lg:w-1/12", "lg:w-2/12", "lg:w-3/12", "lg:w-4/12", "lg:w-5/12", "lg:w-6/12", "lg:w-7/12", "lg:w-8/12", "lg:w-9/12", "lg:w-10/12", "lg:w-11/12", + "body", + "w-auto", + "w-full", + "w-1/2", + "w-1/3", + "w-2/3", + "w-1/4", + "w-2/4", + "w-3/4", + "w-1/5", + "w-2/5", + "w-3/5", + "w-4/5", + "w-1/6", + "w-2/6", + "w-3/6", + "w-4/6", + "w-5/6", + "w-1/12", + "w-2/12", + "w-3/12", + "w-4/12", + "w-5/12", + "w-6/12", + "w-7/12", + "w-8/12", + "w-9/12", + "w-10/12", + "w-11/12", + "sm:w-auto", + "sm:w-full", + "sm:w-1/2", + "sm:w-1/3", + "sm:w-2/3", + "sm:w-1/4", + "sm:w-2/4", + "sm:w-3/4", + "sm:w-1/5", + "sm:w-2/5", + "sm:w-3/5", + "sm:w-4/5", + "sm:w-1/6", + "sm:w-2/6", + "sm:w-3/6", + "sm:w-4/6", + "sm:w-5/6", + "sm:w-1/12", + "sm:w-2/12", + "sm:w-3/12", + "sm:w-4/12", + "sm:w-5/12", + "sm:w-6/12", + "sm:w-7/12", + "sm:w-8/12", + "sm:w-9/12", + "sm:w-10/12", + "sm:w-11/12", + "md:w-auto", + "md:w-full", + "md:w-1/2", + "md:w-1/3", + "md:w-2/3", + "md:w-1/4", + "md:w-2/4", + "md:w-3/4", + "md:w-1/5", + "md:w-2/5", + "md:w-3/5", + "md:w-4/5", + "md:w-1/6", + "md:w-2/6", + "md:w-3/6", + "md:w-4/6", + "md:w-5/6", + "md:w-1/12", + "md:w-2/12", + "md:w-3/12", + "md:w-4/12", + "md:w-5/12", + "md:w-6/12", + "md:w-7/12", + "md:w-8/12", + "md:w-9/12", + "md:w-10/12", + "md:w-11/12", + "lg:w-auto", + "lg:w-full", + "lg:w-1/2", + "lg:w-1/3", + "lg:w-2/3", + "lg:w-1/4", + "lg:w-2/4", + "lg:w-3/4", + "lg:w-1/5", + "lg:w-2/5", + "lg:w-3/5", + "lg:w-4/5", + "lg:w-1/6", + "lg:w-2/6", + "lg:w-3/6", + "lg:w-4/6", + "lg:w-5/6", + "lg:w-1/12", + "lg:w-2/12", + "lg:w-3/12", + "lg:w-4/12", + "lg:w-5/12", + "lg:w-6/12", + "lg:w-7/12", + "lg:w-8/12", + "lg:w-9/12", + "lg:w-10/12", + "lg:w-11/12", ], extractors: [ { @@ -26,10 +139,9 @@ module.exports = { // Specify the file extensions to include when scanning for // class names. - extensions: ["html", "js", "vue", "json"] - } - ] - }) - ] -} - + extensions: ["html", "js", "vue", "json"], + }, + ], + }), + ], +}; diff --git a/ui.apps/src/main/content/buildscripts/buildicons.js b/ui.apps/src/main/content/buildscripts/buildicons.js index 53ba35d34..07e5ba209 100644 --- a/ui.apps/src/main/content/buildscripts/buildicons.js +++ b/ui.apps/src/main/content/buildscripts/buildicons.js @@ -1,34 +1,38 @@ -var SVGSpriter = require('svg-sprite'), - mkdirp = require('mkdirp'), - path = require('path'), - fs = require('fs'), - File = require('vinyl'), - glob = require('glob'), - spriter = new SVGSpriter({ - dest: 'out', - mode: { - symbol: { - inline: true - } - } - }) +var SVGSpriter = require("svg-sprite"), + mkdirp = require("mkdirp"), + path = require("path"), + fs = require("fs"), + File = require("vinyl"), + glob = require("glob"), + spriter = new SVGSpriter({ + dest: "out", + mode: { + symbol: { + inline: true, + }, + }, + }); -var basePath = path.resolve('./src/main/content/jcr_root'); -var iconPath = basePath + '/content/themecleanflex/assets/icons'; +var basePath = path.resolve("./src/main/content/jcr_root"); +var iconPath = basePath + "/content/themecleanflex/assets/icons"; // Find SVG files recursively via `glob` -glob.glob('**/*.svg', { cwd: iconPath }, function (err, files) { - files.forEach(function (file) { +glob.glob("**/*.svg", { cwd: iconPath }, function (err, files) { + files.forEach(function (file) { + // Create and add a vinyl file instance for each SVG + spriter.add( + new File({ + path: path.join(iconPath, file), // Absolute path to the SVG file + base: iconPath, // Base path (see `name` argument) + contents: fs.readFileSync(path.join(iconPath, file)), // SVG file contents + }) + ); + }); - // Create and add a vinyl file instance for each SVG - spriter.add(new File({ - path: path.join(iconPath, file), // Absolute path to the SVG file - base: iconPath, // Base path (see `name` argument) - contents: fs.readFileSync(path.join(iconPath, file)) // SVG file contents - })); - }) - - spriter.compile(function (error, result, data) { - fs.writeFileSync(basePath + '/apps/themecleanflex/components/page/iconsprites.html', result.symbol.sprite.contents); - }); + spriter.compile(function (error, result, data) { + fs.writeFileSync( + basePath + "/apps/themecleanflex/components/page/iconsprites.html", + result.symbol.sprite.contents + ); + }); }); diff --git a/ui.apps/src/main/content/buildscripts/buildvue.js b/ui.apps/src/main/content/buildscripts/buildvue.js index b86d31dab..c67388eec 100644 --- a/ui.apps/src/main/content/buildscripts/buildvue.js +++ b/ui.apps/src/main/content/buildscripts/buildvue.js @@ -1,35 +1,35 @@ -const process = require('process') -const fs = require('fs-extra') - -const rollup = require( 'rollup' ) -const path = require('path') -const vue = require('rollup-plugin-vue') -const buble = require('rollup-plugin-buble') -const commonjs = require('rollup-plugin-commonjs') -const resolve = require('rollup-plugin-node-resolve') -const camelcase = require('camelcase') - -console.log('=== building vue files ========================================') - -var felibName = '' -if(process.argv.length >= 3) { - felibName = process.argv[2] +const process = require("process"); +const fs = require("fs-extra"); + +const rollup = require("rollup"); +const path = require("path"); +const vue = require("rollup-plugin-vue"); +const buble = require("rollup-plugin-buble"); +const commonjs = require("rollup-plugin-commonjs"); +const resolve = require("rollup-plugin-node-resolve"); +const camelcase = require("camelcase"); + +console.log("=== building vue files ========================================"); + +var felibName = ""; +if (process.argv.length >= 3) { + felibName = process.argv[2]; } else { - console.log('please provide a name for the felib to use') - process.exit(-1) + console.log("please provide a name for the felib to use"); + process.exit(-1); } -console.log('building felib', felibName) +console.log("building felib", felibName); -var basePath = './src/main/content/jcr_root/apps' -var distBasePath = './target/classes/etc/felibs/'+felibName +var basePath = "./src/main/content/jcr_root/apps"; +var distBasePath = "./target/classes/etc/felibs/" + felibName; /** creatte the target directories * */ -fs.mkdirsSync(distBasePath) -fs.mkdirsSync(distBasePath+'/css') -fs.mkdirsSync(distBasePath+'/js') +fs.mkdirsSync(distBasePath); +fs.mkdirsSync(distBasePath + "/css"); +fs.mkdirsSync(distBasePath + "/js"); /** * compile a single file @@ -37,49 +37,59 @@ fs.mkdirsSync(distBasePath+'/js') * @param file * @returns {{name: string, nameCamelCase: *, nameCapitalCamelCase: string}} */ -function compileComponent(file){ - - console.log("compiling vue file: .%s", file) +function compileComponent(file) { + console.log("compiling vue file: .%s", file); // get component name from file name (file: a.vue, name: a) - var name = file.substring(1, file.lastIndexOf('/')).toLowerCase().split('/').join('-') - var nameCamelCase = camelcase(name) - var nameCapitalCamelCase = nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1) + var name = file + .substring(1, file.lastIndexOf("/")) + .toLowerCase() + .split("/") + .join("-"); + var nameCamelCase = camelcase(name); + var nameCapitalCamelCase = + nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1); // each component needs a unique module name - var moduleName = 'cmp'+nameCapitalCamelCase + var moduleName = "cmp" + nameCapitalCamelCase; // compile the Vue component and give us a .js and .css - rollup.rollup({ - input: `${basePath}${file}`, - plugins: [ - resolve(), - commonjs({ - namedExports: { - 'vue-carousel': ['Carousel', 'Slide'] - } - }), - vue({ - compileTemplate: true, - css: `${distBasePath}/css/${nameCamelCase}.css` - }), - buble({exclude: 'node_modules/**'}) - ] - }).then( function(bundle) { - - bundle.write({ - format: 'iife', - name: moduleName, - file: `${distBasePath}/js/${nameCamelCase}.js`, - globals: { - tools: 'tools', - log: 'log' - } - - }).then( function() { - updateIndexFiles() + rollup + .rollup({ + input: `${basePath}${file}`, + plugins: [ + resolve(), + commonjs({ + namedExports: { + "vue-carousel": ["Carousel", "Slide"], + }, + }), + vue({ + compileTemplate: true, + css: `${distBasePath}/css/${nameCamelCase}.css`, + }), + buble({ exclude: "node_modules/**" }), + ], }) - }) - return { name: name, nameCamelCase: nameCamelCase, nameCapitalCamelCase: nameCapitalCamelCase} + .then(function (bundle) { + bundle + .write({ + format: "iife", + name: moduleName, + file: `${distBasePath}/js/${nameCamelCase}.js`, + globals: { + tools: "tools", + log: "log", + }, + }) + .then(function () { + updateIndexFiles(); + }); + }); + return { + name: name, + nameCamelCase: nameCamelCase, + nameCapitalCamelCase: nameCapitalCamelCase, + }; } /** @@ -87,13 +97,13 @@ function compileComponent(file){ * */ function updateIndexFiles() { - var jsFiles = readDirs(distBasePath+'/', distBasePath + '/js', '.js') - jsFiles.unshift('') - fs.writeFileSync(distBasePath+'/js.txt', jsFiles.join('\n')) + var jsFiles = readDirs(distBasePath + "/", distBasePath + "/js", ".js"); + jsFiles.unshift(""); + fs.writeFileSync(distBasePath + "/js.txt", jsFiles.join("\n")); - var cssFiles = readDirs(distBasePath+'/', distBasePath + '/css', '.css') - cssFiles.unshift('') - fs.writeFileSync(distBasePath+'/css.txt', cssFiles.join('\n')) + var cssFiles = readDirs(distBasePath + "/", distBasePath + "/css", ".css"); + cssFiles.unshift(""); + fs.writeFileSync(distBasePath + "/css.txt", cssFiles.join("\n")); } /** @@ -106,31 +116,29 @@ function updateIndexFiles() { * @returns {Array} */ function readDirs(basePath, path, extFilter) { - var ret = new Array() - var files = fs.readdirSync(path) - files.forEach( function(file) { - var filePath = path + '/' + file; - if(filePath.endsWith(extFilter)) { - ret.push(filePath.slice(basePath.length)) - } - var stats = fs.statSync(filePath) - if(stats.isDirectory()) { - ret = ret.concat(readDirs(basePath, filePath, extFilter)) - } - }) - return ret; + var ret = new Array(); + var files = fs.readdirSync(path); + files.forEach(function (file) { + var filePath = path + "/" + file; + if (filePath.endsWith(extFilter)) { + ret.push(filePath.slice(basePath.length)); + } + var stats = fs.statSync(filePath); + if (stats.isDirectory()) { + ret = ret.concat(readDirs(basePath, filePath, extFilter)); + } + }); + return ret; } // find all the vue files in this project -var vueFiles = readDirs(basePath, basePath, '.vue') +var vueFiles = readDirs(basePath, basePath, ".vue"); // for each of the files compile it -vueFiles.forEach( function(file) { - - compileComponent(file) - -}) +vueFiles.forEach(function (file) { + compileComponent(file); +}); -if(process.argv[3]) { - console.log('upload') +if (process.argv[3]) { + console.log("upload"); } diff --git a/ui.apps/src/main/content/buildscripts/cl-fragments.js b/ui.apps/src/main/content/buildscripts/cl-fragments.js index aae299a3f..f972c5eca 100644 --- a/ui.apps/src/main/content/buildscripts/cl-fragments.js +++ b/ui.apps/src/main/content/buildscripts/cl-fragments.js @@ -1,15 +1,19 @@ -let marked = require('marked') +let marked = require("marked"); let idx = 0; function escape(text) { - return text.replace(/&/g,'&').replace(//g, '>').replace(/"/g, '"'); + return text + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """); } function card(title, text, link) { - let shortened = text.split('#'); - let md = marked('###' + shortened[1]); - return ` - ` + `; } module.exports = { - header(name) { - idx = 0; - return ` + header(name) { + idx = 0; + return ` `; - }, + }, - footer() { - return ` + footer() { + return ` @@ -59,50 +63,54 @@ module.exports = { - ` - }, + `; + }, - title(title) { -return ` -` - }, + text="${escape("

" + title + "

")}"> +`; + }, - subtitle(title) { - return ` - ` - }, + text="${escape("

" + title + "

")}"> + `; + }, - text(text) { - return ` - ` - }, - - listChildren(path, children) { - const text = `
    -${children.map((child => `
  • ${child}
    • `)).join('')} + `; + }, + + listChildren(path, children) { + const text = `
      +${children + .map((child) => `
    • ${child}
      • `) + .join("")}
    `; - return this.text(text); - }, - - tag(name, attrs, children = []) { - return `<${name}${idx} - ${attrs.map( (attr) => attr[0]+'="'+escape(attr[1])+'"').join(' ')}>${children.join('\n')} - ` - }, - - home() { - return ` attr[0] + '="' + escape(attr[1]) + '"') + .join(" ")}>${children.join("\n")} + `; + }, + + home() { + return ` `
  • ${child}
    • `) jcr:primaryType="nt:unstructured" sling:resourceType="themecleanflex/components/breadcrumb" level="2">     `; - // return this.text('

    component library home

    '); - }, + // return this.text('

    component library home

    '); + }, - pager() { - return ` `
  • ${child}
    • `) nextlabel="next >" jcr:primaryType="nt:unstructured" sling:resourceType="themecleanflex/components/pager"> `; - // return this.text('

    component library home

    '); - }, + // return this.text('

    component library home

    '); + }, - intro(md) { - return ` + intro(md) { + return ` `
  • ${child}
    • `) bgcolor="#eeeeee" text="${escape(marked(md))}"> - ` - }, + `; + }, - container(el, content) { - return ` ${content} - ` - }, + `; + }, - - cards(cards) { - let cardNum = idx; - idx++; - return ( - ` `
  • ${child}
    • `) customcardcolor="true" cardcolor="#eeeeee"> - ${cards.reduce( (cards, {title,text,link}) => cards + card(title,text,link), "")} + ${cards.reduce( + (cards, { title, text, link }) => + cards + card(title, text, link), + "" + )}     - `) - } - -} + `; + }, +}; diff --git a/ui.apps/src/main/content/buildscripts/cl.js b/ui.apps/src/main/content/buildscripts/cl.js index 47fc16ebc..b9227f8cc 100644 --- a/ui.apps/src/main/content/buildscripts/cl.js +++ b/ui.apps/src/main/content/buildscripts/cl.js @@ -1,145 +1,153 @@ -const fs = require('fs-extra'); - -const clfrags = require('./cl-fragments.js'); - -const compvars = require('./variations.js'); - -function outSample(name, sample, variation=null) { - const data = fs.readJSONSync('../fragments/'+name+'/'+sample); - - let out = "" - if(variation) { - const variationName = variation.name; - const withoutName = Object.assign({}, variation); - delete withoutName.name; - Object.assign(data.model, withoutName); - data.group=".hidden"; - data.title += " Sample Variation - " + variationName; - } - out += clfrags.subtitle(`${data.title} (${data.group})`); - const attrs = [['jcr:primaryType', 'nt:unstructured'], ['sling:resourceType','themecleanflex/components/'+name]]; - const children = []; - - for(let prop in data.model) { - if(typeof data.model[prop] === 'string') { - attrs.push( [prop, data.model[prop]] ); - } else { - const ret = ['<'+prop+' jcr:primaryType="nt:unstructured">']; - const list = data.model[prop]; - for(let i = 0; i < list.length; i++) { - const child = list[i]; - const attrs = [['jcr:primaryType', 'nt:unstructured']]; - for(let prop in child) { - if(typeof child[prop] === 'string') { - attrs.push( [prop, child[prop]] ); - } - } - ret.push(clfrags.tag('c',attrs)); - } - ret.push(''); - children.push(ret.join('')); +const fs = require("fs-extra"); + +const clfrags = require("./cl-fragments.js"); + +const compvars = require("./variations.js"); + +function outSample(name, sample, variation = null) { + const data = fs.readJSONSync("../fragments/" + name + "/" + sample); + + let out = ""; + if (variation) { + const variationName = variation.name; + const withoutName = Object.assign({}, variation); + delete withoutName.name; + Object.assign(data.model, withoutName); + data.group = ".hidden"; + data.title += " Sample Variation - " + variationName; + } + out += clfrags.subtitle(`${data.title} (${data.group})`); + const attrs = [ + ["jcr:primaryType", "nt:unstructured"], + ["sling:resourceType", "themecleanflex/components/" + name], + ]; + const children = []; + + for (let prop in data.model) { + if (typeof data.model[prop] === "string") { + attrs.push([prop, data.model[prop]]); + } else { + const ret = ["<" + prop + ' jcr:primaryType="nt:unstructured">']; + const list = data.model[prop]; + for (let i = 0; i < list.length; i++) { + const child = list[i]; + const attrs = [["jcr:primaryType", "nt:unstructured"]]; + for (let prop in child) { + if (typeof child[prop] === "string") { + attrs.push([prop, child[prop]]); + } } + ret.push(clfrags.tag("c", attrs)); + } + ret.push(""); + children.push(ret.join("")); } - out += clfrags.tag(name, attrs, children); - return out; + } + out += clfrags.tag(name, attrs, children); + return out; } - function buildPage(target, name, samples, readme, variations) { - - const targetFolder = target+'/'+name; + const targetFolder = target + "/" + name; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name)); + out.write(clfrags.home()); + out.write(clfrags.pager()); + + let readmeContent = ""; + if (readme) { + let md = fs.readFileSync("../fragments/" + name + "/readme.md", "utf-8"); + readmeContent = clfrags.intro(md); + } + + const samplesContent = samples.reduce( + (val, sample) => val + outSample(name, sample), + readmeContent + ); + out.write(clfrags.container("main", samplesContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); + buildVariationPages(target, name, samples, variations); +} + +function buildVariationPages(target, name, samples, variations) { + const targetRoot = target + "/" + name; + samples.forEach((sample) => { + if (sample == "sample-empty.json") { + return; + } + const sampleName = sample.substring(0, sample.length - 5); + const targetFolder = targetRoot + "/" + sampleName; fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header(name)); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name + sampleName)); out.write(clfrags.home()); out.write(clfrags.pager()); - - let readmeContent = "" - if( readme ) { - let md = fs.readFileSync('../fragments/' + name + '/readme.md', 'utf-8'); - readmeContent = clfrags.intro(md); - } - - const samplesContent = samples.reduce( (val, sample) => val + outSample(name,sample), readmeContent ) - out.write(clfrags.container('main', samplesContent)); + const samplesContent = variations.reduce( + (val, variation) => val + outSample(name, sample, variation) + ); + out.write(clfrags.container("main", samplesContent)); out.write(clfrags.pager()); out.write(clfrags.footer()); out.close(); - buildVariationPages(target, name, samples, variations); -} - -function buildVariationPages(target, name, samples, variations) { - const targetRoot = target+'/'+name; - samples.forEach((sample) => { - if(sample == 'sample-empty.json') { - return; - } - const sampleName = sample.substring(0,sample.length - 5); - const targetFolder = targetRoot + '/' + sampleName - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header(name+sampleName)); - out.write(clfrags.home()); - out.write(clfrags.pager()); - const samplesContent = variations.reduce( (val, variation) => val + outSample(name,sample,variation)); - out.write(clfrags.container('main', samplesContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); - }); + }); } function buildIndexPage(target, pages) { - - const targetFolder = target; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + '/.content.xml'); - out.write(clfrags.header('component library')); - out.write(clfrags.pager()); - - let mainContent = "" - mainContent += clfrags.title('component library'); - - let cards = pages.map( page => ({ - title: page.name, - text: fs.readFileSync('../fragments/' + page.name + '/readme.md', 'utf-8'), - link: `library/${page.name}.html` - })) - - mainContent += clfrags.cards(cards); - - out.write(clfrags.container('main',mainContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); + const targetFolder = target; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header("component library")); + out.write(clfrags.pager()); + + let mainContent = ""; + mainContent += clfrags.title("component library"); + + let cards = pages.map((page) => ({ + title: page.name, + text: fs.readFileSync("../fragments/" + page.name + "/readme.md", "utf-8"), + link: `library/${page.name}.html`, + })); + + mainContent += clfrags.cards(cards); + + out.write(clfrags.container("main", mainContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); } -function forEachComponent(target = 'src/main/content/jcr_root/content/themecleanflex/pages/library', root = '../fragments/') { - const pages = []; - const components = fs.readdirSync(root); - const variations = compvars.getVariations(); - components.forEach( (name) => { - const entry = fs.statSync(root+name); - if(entry.isDirectory()) { - const page = {}; - page.name = name; - const files = fs.readdirSync(root+name); - let hasEmptySample = false; - const samples = files.filter( (name) => { - if (name == 'sample-empty.json') { - hasEmptySample = true; - return false; - } - return name.startsWith('sample') && name.endsWith('.json'); - } ); - if (hasEmptySample) samples.push('sample-empty.json'); - const readme = files.includes( 'readme.md' ); - page.readme = readme; - buildPage(target, name, samples, readme, variations); - pages.push(page); +function forEachComponent( + target = "src/main/content/jcr_root/content/themecleanflex/pages/library", + root = "../fragments/" +) { + const pages = []; + const components = fs.readdirSync(root); + const variations = compvars.getVariations(); + components.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const page = {}; + page.name = name; + const files = fs.readdirSync(root + name); + let hasEmptySample = false; + const samples = files.filter((name) => { + if (name == "sample-empty.json") { + hasEmptySample = true; + return false; } - }); - buildIndexPage(target, pages); + return name.startsWith("sample") && name.endsWith(".json"); + }); + if (hasEmptySample) samples.push("sample-empty.json"); + const readme = files.includes("readme.md"); + page.readme = readme; + buildPage(target, name, samples, readme, variations); + pages.push(page); + } + }); + buildIndexPage(target, pages); } forEachComponent(); diff --git a/ui.apps/src/main/content/buildscripts/readme.md b/ui.apps/src/main/content/buildscripts/readme.md index ddf2f01d2..ca29ed7be 100644 --- a/ui.apps/src/main/content/buildscripts/readme.md +++ b/ui.apps/src/main/content/buildscripts/readme.md @@ -1,6 +1,5 @@ # common build scripts used by peregrine - builds the vue components of a project into an felib -```node buildvue.js ``` \ No newline at end of file +`node buildvue.js ` diff --git a/ui.apps/src/main/content/buildscripts/validatepage.js b/ui.apps/src/main/content/buildscripts/validatepage.js index c3f63971b..3c1e48ff7 100644 --- a/ui.apps/src/main/content/buildscripts/validatepage.js +++ b/ui.apps/src/main/content/buildscripts/validatepage.js @@ -1,11 +1,11 @@ -const fs = require('fs'); -const path = require('path'); +const fs = require("fs"); +const path = require("path"); -const puppeteer = require('puppeteer'); -const PNG = require('pngjs').PNG; -const pixelmatch = require('pixelmatch'); +const puppeteer = require("puppeteer"); +const PNG = require("pngjs").PNG; +const pixelmatch = require("pixelmatch"); -const out_path = 'target/out'; +const out_path = "target/out"; const queue = []; const visited = []; @@ -13,49 +13,62 @@ const visited = []; function diff(name) { try { const image2 = PNG.sync.read(fs.readFileSync(`${out_path}/${name}`)); - if(!fs.existsSync(`approved/${name}`)) { + if (!fs.existsSync(`approved/${name}`)) { fs.writeFileSync(`approved/${name}`, PNG.sync.write(image2)); } const image1 = PNG.sync.read(fs.readFileSync(`approved/${name}`)); const width = Math.max(image1.width, image2.width); const height = Math.max(image1.height, image2.height); - const diff = new PNG({width, height}); + const diff = new PNG({ width, height }); // const img1 = new PNG({width, height}); img1.bitblt(image1, 0,0, image1.width, image1.height, 0,0); // const img2 = new PNG({width, height}); img2.bitblt(image2, 0,0, image2.width, image2.height, 0,0); - - pixelmatch(image1.data, image2.data, diff.data, width, height, {threshold: 0.1}); - + + pixelmatch(image1.data, image2.data, diff.data, width, height, { + threshold: 0.1, + }); + fs.writeFileSync(`${out_path}/diff/${name}`, PNG.sync.write(diff)); - } catch( error ) { + } catch (error) { console.error(error); } } function report(out, url, version, name) { - out.push({url, version, name}) + out.push({ url, version, name }); } function generateReport(out, name) { - console.log('writing report for', name); + console.log("writing report for", name); const data = []; data.push(''); - out.forEach( entry => { - data.push(``); + out.forEach((entry) => { + data.push( + `` + ); data.push(``); - data.push(``); - data.push(``); - data.push(``); + data.push( + `` + ); + data.push( + `` + ); + data.push( + `` + ); data.push(``); - }) + }); data.push(` 3) { + const name = path.substring(base.length + 1).replace(/[\.\/]/g, "-"); + if (name.split("-").length > 3) { return; } - const browser = await puppeteer.launch({ headless: true, defaultViewport: null }); + const browser = await puppeteer.launch({ + headless: true, + defaultViewport: null, + }); const page = await browser.newPage(); try { - await page.goto(path, { waitUntil: 'networkidle0'}); + await page.goto(path, { waitUntil: "networkidle0" }); } catch (err) { console.log(err); } - await screenShotAt(out, path, page, 320, 'mobile', name); - await screenShotAt(out, path, page, 768, 'tablet', name); - await screenShotAt(out, path, page, 1024, 'desktop', name); - await screenShotAt(out, path, page, 1600, 'desktop-wide', name); - - const hrefs = await page.$$eval('a', as => as.map(a => a.href)); - hrefs.forEach( url => { - if(visited.indexOf(url) < 0 && queue.indexOf(url) < 0 && url.startsWith(base)) { - if(url !== base+'.html' && url.endsWith('.html')) { + await screenShotAt(out, path, page, 320, "mobile", name); + await screenShotAt(out, path, page, 768, "tablet", name); + await screenShotAt(out, path, page, 1024, "desktop", name); + await screenShotAt(out, path, page, 1600, "desktop-wide", name); + + const hrefs = await page.$$eval("a", (as) => as.map((a) => a.href)); + hrefs.forEach((url) => { + if ( + visited.indexOf(url) < 0 && + queue.indexOf(url) < 0 && + url.startsWith(base) + ) { + if (url !== base + ".html" && url.endsWith(".html")) { queue.push(url); } - } + } }); - console.log(queue.length, 'items to go') + console.log(queue.length, "items to go"); await browser.close(); generateReport(out, name); - -}; +} function makeDirs(relpath) { - const segments = relpath.split('/'); - for(let i = 0; i < segments.length; i++) { - const s = segments.slice(0, i+1).join('/'); - if(!fs.existsSync(s)) { + const segments = relpath.split("/"); + for (let i = 0; i < segments.length; i++) { + const s = segments.slice(0, i + 1).join("/"); + if (!fs.existsSync(s)) { fs.mkdirSync(s); } } } function makeIndexPage(pages) { - console.log('Creating master index page.'); - const out = fs.createWriteStream(out_path + '/index.html'); - out.write('
      '); - pages.forEach((page => { - out.write('
    • '); - out.write('' + page + ''); - out.write('
      • '); - })); - out.write('
        '); + console.log("Creating master index page."); + const out = fs.createWriteStream(out_path + "/index.html"); + out.write("
          "); + pages.forEach((page) => { + out.write("
        • "); + out.write('' + page + ""); + out.write("
          • "); + }); + out.write("
            "); out.close(); } (async () => { - makeDirs('target/out/diff'); - makeDirs('approved'); - console.log('vaildatepage [single]'); - if(process.argv.length >= 3) { - const url = process.argv[2] + process.argv[3] - const single = process.argv[4] + makeDirs("target/out/diff"); + makeDirs("approved"); + console.log("vaildatepage [single]"); + if (process.argv.length >= 3) { + const url = process.argv[2] + process.argv[3]; + const single = process.argv[4]; const parent = process.argv[2]; - queue.push(url); + queue.push(url); let ps = []; - while(queue.length > 0) { - while(ps.length < 8 && queue.length > 0) { + while (queue.length > 0) { + while (ps.length < 8 && queue.length > 0) { const href = queue.pop(); - console.log('processing', href); - - ps.push(new Promise(async (res, rej) => { - await makeRenditions(parent, href); - res(); - })) + console.log("processing", href); + + ps.push( + new Promise(async (res, rej) => { + await makeRenditions(parent, href); + res(); + }) + ); } await Promise.all(ps); ps = []; - if(single) { break; } + if (single) { + break; + } } const files = fs.readdirSync(out_path); - const pages = files.filter(file => file.endsWith('.html')); + const pages = files.filter((file) => file.endsWith(".html")); makeIndexPage(pages); } })(); diff --git a/ui.apps/src/main/content/buildscripts/variations.js b/ui.apps/src/main/content/buildscripts/variations.js index 6b0cc1c18..86a9cf669 100644 --- a/ui.apps/src/main/content/buildscripts/variations.js +++ b/ui.apps/src/main/content/buildscripts/variations.js @@ -1,48 +1,50 @@ -const fs = require('fs-extra'); +const fs = require("fs-extra"); -let f = (a, b) => [].concat(...a.map(a => b.map(b => [].concat(a, b)))); -let cartesian = (a, b, ...c) => b ? cartesian(f(a, b), ...c) : a; +let f = (a, b) => [].concat(...a.map((a) => b.map((b) => [].concat(a, b)))); +let cartesian = (a, b, ...c) => (b ? cartesian(f(a, b), ...c) : a); function objectify(array) { - const obj = array.map(optionObjectsArr => { - let combinedName = optionObjectsArr.reduce((combinedName, optionObject) => { - return combinedName ? (combinedName + '; ' + optionObject.name) : optionObject.name; - }, ""); - return Object.assign({}, ...optionObjectsArr, {name: combinedName}); - }); - return obj; + const obj = array.map((optionObjectsArr) => { + let combinedName = optionObjectsArr.reduce((combinedName, optionObject) => { + return combinedName + ? combinedName + "; " + optionObject.name + : optionObject.name; + }, ""); + return Object.assign({}, ...optionObjectsArr, { name: combinedName }); + }); + return obj; } -function createVariationMap(root = '../variation-fragments/') { - const variations = []; - const folders = fs.readdirSync(root); - folders.forEach((name) => { - const entry = fs.statSync(root+name); - if(entry.isDirectory()) { - const variation = []; - const options = fs.readdirSync(root+name); - options.forEach((optionName) => { - if(optionName.endsWith('.json')) { - const optionJson = fs.readJSONSync(root+name+'/'+optionName); - let optionLabel = optionName.substring(0,optionName.length - 5); - optionLabel = optionLabel.replace("-", ": "); - optionJson.name = optionLabel; - variation.push(optionJson); - } - }); - variations.push(variation); +function createVariationMap(root = "../variation-fragments/") { + const variations = []; + const folders = fs.readdirSync(root); + folders.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const variation = []; + const options = fs.readdirSync(root + name); + options.forEach((optionName) => { + if (optionName.endsWith(".json")) { + const optionJson = fs.readJSONSync(root + name + "/" + optionName); + let optionLabel = optionName.substring(0, optionName.length - 5); + optionLabel = optionLabel.replace("-", ": "); + optionJson.name = optionLabel; + variation.push(optionJson); } - }); - return variations; + }); + variations.push(variation); + } + }); + return variations; } module.exports = { - getVariations() { - let variations = createVariationMap(); - let cartified = cartesian(...variations); - let objectified = objectify(cartified); - return objectified; - } -} + getVariations() { + let variations = createVariationMap(); + let cartified = cartesian(...variations); + let objectified = objectify(cartified); + return objectified; + }, +}; -//delete object.name; \ No newline at end of file +//delete object.name; diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json index 7c5c97fb8..7344d28be 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json @@ -15,10 +15,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "title", - "value" - ], + "fieldLabel": ["title", "value"], "fields": [ { "type": "input", @@ -471,4 +468,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue index 49a107185..cbd917a75 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue @@ -1,27 +1,44 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json index 8985d9f8c..3c7dfbb44 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json @@ -277,4 +277,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue index 7852342ff..e8e626d23 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue @@ -1,139 +1,152 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json index b05c8183f..96f72981c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json @@ -323,4 +323,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue index e1f5d1e1d..5847b0b77 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue @@ -1,39 +1,51 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json index 8e6f32135..eb58efe83 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json @@ -6,10 +6,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "title", - "value" - ], + "fieldLabel": ["title", "value"], "fields": [ { "type": "input", @@ -550,4 +547,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue index 9670fbef0..8a2407f6e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue @@ -1,30 +1,38 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json index 05843f4eb..c6718c3db 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json @@ -6,10 +6,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "heading", - "value" - ], + "fieldLabel": ["heading", "value"], "fields": [ { "type": "pathbrowser", @@ -434,4 +431,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue index 1579ad424..5713509b1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue @@ -1,24 +1,53 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json index 9effad55d..95f469ecb 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json @@ -307,4 +307,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue index 580624063..16b8ba634 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue @@ -1,42 +1,54 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json index 226f63340..30919cd7a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json @@ -124,4 +124,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue index ebc4c6154..611cbce59 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue @@ -1,6 +1,8 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json index f1183221f..356b5beef 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json @@ -311,4 +311,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue index 1780557e0..51315dd70 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue @@ -1,23 +1,48 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json index bce18b6a0..da1e1ce76 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json @@ -43,10 +43,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "title", - "value" - ], + "fieldLabel": ["title", "value"], "fields": [ { "type": "input", @@ -79,10 +76,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "icon", - "value" - ], + "fieldLabel": ["icon", "value"], "fields": [ { "type": "input", @@ -430,4 +424,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue index 45eed4346..890c0ade2 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue @@ -1,38 +1,66 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json index 0b2ecfb1c..429e92607 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json @@ -39,10 +39,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "text", - "value" - ], + "fieldLabel": ["text", "value"], "fields": [ { "type": "input", @@ -67,10 +64,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], + "fieldLabel": ["buttontext", "value"], "fields": [ { "type": "input", @@ -492,4 +486,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue index 99786fcb2..a77700dc8 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue @@ -1,29 +1,52 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue index 9308ca715..c15a0946b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue @@ -1,42 +1,60 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json index 93b7d8385..af478f73a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json @@ -330,4 +330,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue index b2f37bbed..571d64a3a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue @@ -1,20 +1,22 @@ \ No newline at end of file +export default { + props: ["model"], + computed: { + isEditAndEmpty() { + if (!$peregrineApp.isAuthorMode()) return false; + //return !(this.model.imagesrc || this.model.videosrc) + return this.$helper.areAllEmpty(this.model.imagesrc, this.model.videosrc); + }, + }, +}; + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue index 5e556d9fd..aa442bb1e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue @@ -1,22 +1,31 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json index b812e8f5b..2cfd3b4eb 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json @@ -32,10 +32,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], + "fieldLabel": ["buttontext", "value"], "fields": [ { "type": "input", @@ -96,4 +93,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue index eec801487..1117f1476 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue @@ -1,23 +1,30 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json index e187506c3..76924391c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json @@ -322,4 +322,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue index 1cb8b7afb..53a825cda 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue @@ -1,23 +1,50 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json index 83d8418f2..e80ba5b62 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json @@ -319,4 +319,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue index abf50403e..ad4824be6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue @@ -1,20 +1,26 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html index a920f86fb..0e91a69e1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html @@ -1 +1,82 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html index 769f5acbc..d1c97b27f 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html @@ -1,43 +1,41 @@ - + - - + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html index 0a5d7b389..f1a8dde39 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html @@ -1,18 +1,27 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue index c081e2b22..de4221690 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue @@ -1,40 +1,58 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json index 8cb24c933..76aca0d44 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json @@ -46,10 +46,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "contentname", - "value" - ], + "fieldLabel": ["contentname", "value"], "fields": [ { "type": "input", @@ -364,4 +361,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue index 051b7b870..5ad154185 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue @@ -1,29 +1,61 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json index 07ecc6734..d0ad6768b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json @@ -1,3 +1,3 @@ { "groups": [] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue index 224452868..5d286b556 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue @@ -1,17 +1,28 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json index 73a9796d2..0e4be2acf 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json @@ -401,4 +401,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue index 9873cf5f5..7dee92abb 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue @@ -1,47 +1,60 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json index e24e4c70d..b7c004abf 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json @@ -301,4 +301,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue index 6c8220bdc..7921244a6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue @@ -1,24 +1,30 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json index 42f258bdc..21f00c7e8 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json @@ -298,4 +298,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue index aa59ded9f..fab6b5bde 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue @@ -1,52 +1,64 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json index 481ac563d..79cdc9aff 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json @@ -374,4 +374,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue index 6a3cc3cb0..b342d6253 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue @@ -1,29 +1,42 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json index 747ba9e75..4a044ecb0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json @@ -323,4 +323,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue index 73b403644..e28517ca1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue @@ -1,26 +1,32 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json index b3a2311db..593efaa4d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json @@ -40,10 +40,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "icon", - "value" - ], + "fieldLabel": ["icon", "value"], "fields": [ { "type": "input", @@ -75,4 +72,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue index 5e1007112..9a1ada8f3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue @@ -1,10 +1,23 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json index 5697d9e3d..ee39714fe 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json @@ -200,4 +200,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue index 5e53c56b0..942fb27e0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue @@ -1,6 +1,8 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json index ee22ca647..27ec8776a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json @@ -25,10 +25,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "title", - "value" - ], + "fieldLabel": ["title", "value"], "fields": [ { "type": "input", @@ -468,4 +465,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue index 6d7dda6fe..2dee48a39 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue @@ -1,27 +1,50 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json index b8231d611..de97ce54f 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json @@ -327,4 +327,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue index 352a16dd2..994d17aee 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue @@ -1,35 +1,47 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json index 1c6f14a94..b85b0b72a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json @@ -34,10 +34,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], + "fieldLabel": ["buttontext", "value"], "fields": [ { "type": "input", @@ -501,4 +498,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue index b86851641..b73435d54 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue @@ -1,39 +1,71 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json index 5ac74e691..e9aa66077 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json @@ -34,10 +34,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "buttontext", - "value" - ], + "fieldLabel": ["buttontext", "value"], "fields": [ { "type": "input", @@ -592,4 +589,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue index 0d0b4cb9a..a4d866e86 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue @@ -1,58 +1,99 @@ - diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json index 89d60ce54..7fdb3dd8a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json @@ -6,10 +6,7 @@ { "type": "collection", "multifield": true, - "fieldLabel": [ - "text", - "value" - ], + "fieldLabel": ["text", "value"], "fields": [ { "type": "input", @@ -72,4 +69,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue index e3f55743e..0be9b1178 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue @@ -1,28 +1,33 @@ - diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css index c8dd58498..f3f7d6ebc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css @@ -9,7 +9,7 @@ --border-primary-color: #808080; --link-primary-color: var(--color-blue-700); - --link-primary-color-hover: var(--color-blue-800);; + --link-primary-color-hover: var(--color-blue-800); --figcaption-primary-bg: rgba(255, 255, 255, 0); diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css index 46ec62178..4e9c66797 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css @@ -156,7 +156,7 @@ } #peregrine-app svg:not(.fill-current) { - fill: var(--text-primary-color) + fill: var(--text-primary-color); } #peregrine-app [class$="-components-carousel"] figcaption { diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css index 85fa79a8b..687b5344f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css @@ -1,44 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #85dccb; - --bg-secondary: #ffd4e1; - - --text-primary-color:#46291f; - --text-secondary-color: #0A0A0A; - - --border-primary-color: #7b7b7b; - - --link-primary-color: #46291f; - --link-primary-color-hover: #ffffff; - - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #005c50; - --bg-secondary: #5e1414; - - --text-primary-color: #e6e6e6; - --text-secondary-color: #ffb8b8; - - --border-primary-color: var(--color-gray-900); - - --link-primary-color: #e6e6e6; - --link-primary-color-hover: #ffb8b8; - - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #85dccb; + --bg-secondary: #ffd4e1; + + --text-primary-color: #46291f; + --text-secondary-color: #0a0a0a; + + --border-primary-color: #7b7b7b; + + --link-primary-color: #46291f; + --link-primary-color-hover: #ffffff; + + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #005c50; + --bg-secondary: #5e1414; + + --text-primary-color: #e6e6e6; + --text-secondary-color: #ffb8b8; + + --border-primary-color: var(--color-gray-900); + + --link-primary-color: #e6e6e6; + --link-primary-color-hover: #ffb8b8; + + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css index bb021fe1e..af24384e6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css @@ -1,42 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #dad6d6; - --bg-secondary: #f5f5f5; - - --text-primary-color:#722525; - --text-secondary-color: #0A0A0A; - - --border-primary-color: var(--color-gray-300); - - --link-primary-color: #722525; - - --btn-primary-bg: #722525; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #5e5e5e; - --bg-secondary: #2d2d2d; - - --text-primary-color: #ffffff; - --text-secondary-color: #810202; - - --border-primary-color: var(--color-gray-100); - - --link-primary-color: #dadada; - - --btn-primary-bg: #810202; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #dad6d6; + --bg-secondary: #f5f5f5; + + --text-primary-color: #722525; + --text-secondary-color: #0a0a0a; + + --border-primary-color: var(--color-gray-300); + + --link-primary-color: #722525; + + --btn-primary-bg: #722525; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #5e5e5e; + --bg-secondary: #2d2d2d; + + --text-primary-color: #ffffff; + --text-secondary-color: #810202; + + --border-primary-color: var(--color-gray-100); + + --link-primary-color: #dadada; + + --btn-primary-bg: #810202; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css index ac4467ed3..c762da786 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #f4f4f4; - --bg-secondary: #dcd0c0; - - --text-primary-color:#373737; - --text-secondary-color: #63365a; - - --border-primary-color: #373737; - - --link-primary-color: #373737; - --link-primary-color-hover: #63365a; - - --btn-primary-bg: #373737; - --btn-primary-color: #f4f4f4; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #373737; - --bg-secondary: #63365a; - - --text-primary-color: #f4f4f4; - --text-secondary-color: #dcd0c0; - - --border-primary-color: #f4f4f4; - - --link-primary-color: #f4f4f4; - --link-primary-color-hover: #dcd0c0; - - --btn-primary-bg: #f4f4f4; - --btn-primary-color: #373737; - - --figcaption-primary-bg: #00000080; - } \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #f4f4f4; + --bg-secondary: #dcd0c0; + + --text-primary-color: #373737; + --text-secondary-color: #63365a; + + --border-primary-color: #373737; + + --link-primary-color: #373737; + --link-primary-color-hover: #63365a; + + --btn-primary-bg: #373737; + --btn-primary-color: #f4f4f4; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #373737; + --bg-secondary: #63365a; + + --text-primary-color: #f4f4f4; + --text-secondary-color: #dcd0c0; + + --border-primary-color: #f4f4f4; + + --link-primary-color: #f4f4f4; + --link-primary-color-hover: #dcd0c0; + + --btn-primary-bg: #f4f4f4; + --btn-primary-color: #373737; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css index 385e8bbec..f739f2220 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css @@ -4,7 +4,7 @@ /* NONE definitions to overwrite :root vars */ } -#peregrine-app .theme-dark{ +#peregrine-app .theme-dark { --bg-primary: var(--color-green-900); --bg-secondary: var(--color-green-800); @@ -38,4 +38,4 @@ --link-primary-color-hover: #ffffff; --figcaption-primary-bg: #8efd8e4d; -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css index 02a29411e..6fb776d74 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css @@ -1,42 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #eaf4f4; - --bg-secondary: #ffffff; - - --text-primary-color:#232d42; - --text-secondary-color: #a80000; - - --border-primary-color: #dad6d6; - - --link-primary-color: #232d42; - - --btn-primary-bg: #a80000; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #232d42; - --bg-secondary: #c1322d; - - --text-primary-color: #eaf4f4; - --text-secondary-color: #ffffff; - - --border-primary-color: #b9b7b7; - - --link-primary-color: #eaf4f4; - - --btn-primary-bg: #c1322d; - --btn-primary-color: #ffffff; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #eaf4f4; + --bg-secondary: #ffffff; + + --text-primary-color: #232d42; + --text-secondary-color: #a80000; + + --border-primary-color: #dad6d6; + + --link-primary-color: #232d42; + + --btn-primary-bg: #a80000; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #232d42; + --bg-secondary: #c1322d; + + --text-primary-color: #eaf4f4; + --text-secondary-color: #ffffff; + + --border-primary-color: #b9b7b7; + + --link-primary-color: #eaf4f4; + + --btn-primary-bg: #c1322d; + --btn-primary-color: #ffffff; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css index 739208dd3..32ee3daa3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #d7dfdd; - --bg-secondary: #f5f5f5; - - --text-primary-color:#0e0b16; - --text-secondary-color: #4711f6; - - --border-primary-color: #373737; - - --link-primary-color: #0e0b16; - --link-primary-color-hover: #4711f6; - - --btn-primary-bg: #4711f6; - --btn-primary-color: #d7dfdd; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #0e0b16; - --bg-secondary: #00003c; - - --text-primary-color: #d7dfdd; - --text-secondary-color: #4711f6; - - --border-primary-color: #d7dfdd; - - --link-primary-color: #d7dfdd; - --link-primary-color-hover: #4711f6; - - --btn-primary-bg: #d7dfdd; - --btn-primary-color: #4711f6; - - --figcaption-primary-bg: #00000080; - } \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #d7dfdd; + --bg-secondary: #f5f5f5; + + --text-primary-color: #0e0b16; + --text-secondary-color: #4711f6; + + --border-primary-color: #373737; + + --link-primary-color: #0e0b16; + --link-primary-color-hover: #4711f6; + + --btn-primary-bg: #4711f6; + --btn-primary-color: #d7dfdd; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #0e0b16; + --bg-secondary: #00003c; + + --text-primary-color: #d7dfdd; + --text-secondary-color: #4711f6; + + --border-primary-color: #d7dfdd; + + --link-primary-color: #d7dfdd; + --link-primary-color-hover: #4711f6; + + --btn-primary-bg: #d7dfdd; + --btn-primary-color: #4711f6; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css index 5eb99f081..07b20a49d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css @@ -1,42 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - } - - #peregrine-app .theme-light { - --bg-primary: #fcf2e9; - --bg-secondary: #ffde22; - - --text-primary-color: #1a1a1a; - --text-secondary-color: var(--color-gray-700); - - --border-primary-color: #1a1a1a; - - --link-primary-color: #1a1a1a; - --link-primary-color-hover: var(--color-gray-400); - - --btn-primary-bg: #1a1a1a; - --btn-primary-color: #fcf2e9; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #1a1a1a; - --bg-secondary: var(--color-gray-700); - - --text-primary-color: #ffde22; - --text-secondary-color: var(--color-gray-400); - - --border-primary-color: #ffde22; - - --link-primary-color: #ffde22; - --link-primary-color-hover: var(--color-gray-400); - - --btn-primary-bg: #ffde22; - --btn-primary-color: #1a1a1a; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #fcf2e9; + --bg-secondary: #ffde22; + + --text-primary-color: #1a1a1a; + --text-secondary-color: var(--color-gray-700); + + --border-primary-color: #1a1a1a; + + --link-primary-color: #1a1a1a; + --link-primary-color-hover: var(--color-gray-400); + + --btn-primary-bg: #1a1a1a; + --btn-primary-color: #fcf2e9; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #1a1a1a; + --bg-secondary: var(--color-gray-700); + + --text-primary-color: #ffde22; + --text-secondary-color: var(--color-gray-400); + + --border-primary-color: #ffde22; + + --link-primary-color: #ffde22; + --link-primary-color-hover: var(--color-gray-400); + + --btn-primary-bg: #ffde22; + --btn-primary-color: #1a1a1a; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css index 7d31de49b..082b8d504 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css @@ -1,44 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ - - - } - - #peregrine-app .theme-light { - --bg-primary: #d7cec7; - --bg-secondary: #dcc2a9; - - --text-primary-color:#581e1e; - --text-secondary-color: #654526; - - --border-primary-color: #581e1e; - - --link-primary-color: #654526; - --link-primary-color-hover: #581e1e; - - --btn-primary-bg: #654526; - --btn-primary-color: #d7cec7; - - --figcaption-primary-bg: #ffffff99; - } - - #peregrine-app .theme-dark { - --bg-primary: #565656; - --bg-secondary: #654526; - - --text-primary-color: #d7cec7; - --text-secondary-color: #dcc2a9; - - --border-primary-color: #d7cec7; - - --link-primary-color: #d7cec7; - --link-primary-color-hover: #dcc2a9; - - --btn-primary-bg: #d7cec7; - --btn-primary-color: #654526; - - --figcaption-primary-bg: #00000080; - } - \ No newline at end of file + /* NONE definitions to overwrite :root vars */ +} + +#peregrine-app .theme-light { + --bg-primary: #d7cec7; + --bg-secondary: #dcc2a9; + + --text-primary-color: #581e1e; + --text-secondary-color: #654526; + + --border-primary-color: #581e1e; + + --link-primary-color: #654526; + --link-primary-color-hover: #581e1e; + + --btn-primary-bg: #654526; + --btn-primary-color: #d7cec7; + + --figcaption-primary-bg: #ffffff99; +} + +#peregrine-app .theme-dark { + --bg-primary: #565656; + --bg-secondary: #654526; + + --text-primary-color: #d7cec7; + --text-secondary-color: #dcc2a9; + + --border-primary-color: #d7cec7; + + --link-primary-color: #d7cec7; + --link-primary-color-hover: #dcc2a9; + + --btn-primary-bg: #d7cec7; + --btn-primary-color: #654526; + + --figcaption-primary-bg: #00000080; +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css index f0d816201..2689098c2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css @@ -1,154 +1,170 @@ /* purple rain palette */ #peregrine-app { - --color-accent-1-900: #62319E; - --color-accent-1-800: #6F309A; - --color-accent-1-700: #7C2E96; - --color-accent-1-600: #882D92; - --color-accent-1-500: #A72B95; - --color-accent-1-400: #BB2881; - --color-accent-1-300: #D02261; - --color-accent-1-200: #DC5EBE; - --color-accent-1-100: #DEA1E9; - --color-accent-1-50: #EFEAF5; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f8f8f8; - - --dawn-gradient-1: linear-gradient(20deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-300); - --dawn-gradient-1-hover: linear-gradient(20deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-600); - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-2-200); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-1-900); - --btn-secondary-bg: var(--color-accent-1-50); - --btn-secondary-border-width: 0; - --btn-secondary-border-color: transparent; - --btn-secondary-hover-color: var(--color-accent-1-50); - --btn-secondary-hover-bg: var(--color-accent-1-900); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - - --btn-light-bg: var(--color-accent-1-300); - --btn-light-color: #ffffff; - - --btn-dark-bg: var(--color-accent-1-900); - --btn-dark-color: #ffffff; - - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); - } - - #peregrine-app .theme-light { - --bg-primary: var(--color-accent-2-200); - --bg-secondary: var(--dawn-gradient-1); - - --border-primary-color: rgba(0,0,0,0.1); - } - - #peregrine-app .theme-dark, - #peregrine-app .themecleanflex-components-cards.theme-light .card--bg { - --btn-color: var(--color-accent-1-500); - --btn-bg: var(--color-accent-1-50); - --btn-hover-color: var(--color-accent-1-900); - --btn-hover-bg: var(--color-accent-1-100); - --btn-focus-color: var(--btn-hover-color); - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-200); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-color: #ffffff; - --btn-secondary-bg: transparent; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255,255,255,0); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); - } - - #peregrine-app .theme-dark { - --bg-primary: var(--dawn-gradient-1); - --bg-secondary: #ffffff; - - --border-primary-color: rgba(255,255,255,0.6); - - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); - - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-accent-1-50); - --focus-border-color: var(--color-accent-1-100); - } - - /* Individual overwrites */ - - #peregrine-app [class$='components-cards'].theme-light .card--bg { - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); - } - - #peregrine-app [class$='components-cards'].theme-dark .card--bg, - #peregrine-app [class$='components-accordion'].theme-dark .accordion-container .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - } - - #peregrine-app [class$='components-accordion'].theme-light .accordion-container .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255,255,255,0.6); - } - - #peregrine-app .theme-light .accordion-container.accordion-container, - #peregrine-app .theme-dark .accordion-container.accordion-container { - background: transparent; - } - - #peregrine-app [class$='components-quote'] { - --border-primary-color: var(--color-accent-1-700); - } - - #peregrine-app .theme-dark[class$="-components-navigation"] a:hover{ - color: var(--color-accent-1-700); - } \ No newline at end of file + --color-accent-1-900: #62319e; + --color-accent-1-800: #6f309a; + --color-accent-1-700: #7c2e96; + --color-accent-1-600: #882d92; + --color-accent-1-500: #a72b95; + --color-accent-1-400: #bb2881; + --color-accent-1-300: #d02261; + --color-accent-1-200: #dc5ebe; + --color-accent-1-100: #dea1e9; + --color-accent-1-50: #efeaf5; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f8f8f8; + + --dawn-gradient-1: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --dawn-gradient-1-hover: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-2-200); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-1-900); + --btn-secondary-bg: var(--color-accent-1-50); + --btn-secondary-border-width: 0; + --btn-secondary-border-color: transparent; + --btn-secondary-hover-color: var(--color-accent-1-50); + --btn-secondary-hover-bg: var(--color-accent-1-900); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + + --btn-light-bg: var(--color-accent-1-300); + --btn-light-color: #ffffff; + + --btn-dark-bg: var(--color-accent-1-900); + --btn-dark-color: #ffffff; + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); +} + +#peregrine-app .theme-light { + --bg-primary: var(--color-accent-2-200); + --bg-secondary: var(--dawn-gradient-1); + + --border-primary-color: rgba(0, 0, 0, 0.1); +} + +#peregrine-app .theme-dark, +#peregrine-app .themecleanflex-components-cards.theme-light .card--bg { + --btn-color: var(--color-accent-1-500); + --btn-bg: var(--color-accent-1-50); + --btn-hover-color: var(--color-accent-1-900); + --btn-hover-bg: var(--color-accent-1-100); + --btn-focus-color: var(--btn-hover-color); + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-200); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-color: #ffffff; + --btn-secondary-bg: transparent; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-700); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); +} + +#peregrine-app .theme-dark { + --bg-primary: var(--dawn-gradient-1); + --bg-secondary: #ffffff; + + --border-primary-color: rgba(255, 255, 255, 0.6); + + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); + + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-accent-1-50); + --focus-border-color: var(--color-accent-1-100); +} + +/* Individual overwrites */ + +#peregrine-app [class$="components-cards"].theme-light .card--bg { + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); +} + +#peregrine-app [class$="components-cards"].theme-dark .card--bg, +#peregrine-app + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); +} + +#peregrine-app + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); +} + +#peregrine-app .theme-light .accordion-container.accordion-container, +#peregrine-app .theme-dark .accordion-container.accordion-container { + background: transparent; +} + +#peregrine-app [class$="components-quote"] { + --border-primary-color: var(--color-accent-1-700); +} + +#peregrine-app .theme-dark[class$="-components-navigation"] a:hover { + color: var(--color-accent-1-700); +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css index c6787ec3a..6cef5c67d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css @@ -3,14 +3,14 @@ #peregrine-app { --color-accent-1-900: #000653; --color-accent-1-800: #001477; - --color-accent-1-700: #00289B; - --color-accent-1-600: #0042BF; - --color-accent-1-500: #054CC6; - --color-accent-1-400: #186DDB; - --color-accent-1-300: #237EE5; - --color-accent-1-200: #5198EC; - --color-accent-1-100: #81B4F2; - --color-accent-1-50: #E8F2FF; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; --color-accent-2-100: #ffffff; --color-accent-2-200: #f2f2f2; @@ -51,14 +51,14 @@ --btn-dark-bg: var(--color-accent-1-600); --btn-dark-hover-bg: var(--color-accent-1-700); - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { --bg-primary: var(--color-accent-2-200); --bg-secondary: var(--color-accent-2-100); - + --btn-secondary-color: var(--color-accent-1-900); --btn-secondary-bg: var(--bg-secondary); --btn-secondary-border-width: 0; @@ -66,7 +66,7 @@ --btn-secondary-hover-bg: var(--color-accent-1-300); --btn-secondary-focus-color: var(--btn-secondary-color); --btn-secondary-focus-bg: var(--color-accent-1-300); - + --link-primary-color: var(--text-primary-color); --link-primary-color-hover: #000000; @@ -82,7 +82,7 @@ --link-primary-color-hover: var(--color-accent-1-100); --text-primary-color: #ffffff; - --text-secondary-color: rgba(255,255,255,0.6); + --text-secondary-color: rgba(255, 255, 255, 0.6); --btn-focus-border-color: #ffffff; @@ -111,9 +111,8 @@ --btn-secondary-focus-color: #ffffff; --btn-secondary-focus-bg: var(--color-accent-3-800); -/* --link-primary-color: var(--text-primary-color); + /* --link-primary-color: var(--text-primary-color); --link-primary-color-hover: #ffffff; */ - --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css index 748880faf..dc21bd920 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css @@ -3,20 +3,30 @@ #peregrine-app { --color-accent-1-900: #000653; --color-accent-1-800: #001477; - --color-accent-1-700: #00289B; - --color-accent-1-600: #0042BF; - --color-accent-1-500: #054CC6; - --color-accent-1-400: #186DDB; - --color-accent-1-300: #237EE5; - --color-accent-1-200: #5198EC; - --color-accent-1-100: #81B4F2; - --color-accent-1-50: #E8F2FF; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; --color-accent-2-100: #ffffff; --color-accent-2-200: #f2f2f2; - --ocean-gradient-1: linear-gradient(-10deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-300); - --ocean-gradient-1-hover: linear-gradient(-10deg, var(--color-accent-1-600) 0%, transparent 100%) var(--color-accent-1-600); + --ocean-gradient-1: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --ocean-gradient-1-hover: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); --bg-primary: var(--color-accent-2-100); --bg-secondary: var(--color-accent-1-50); @@ -50,15 +60,15 @@ --btn-dark-bg: var(--color-accent-1-900); --btn-dark-color: #ffffff; - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { --bg-primary: var(--color-accent-1-50); --bg-secondary: var(--ocean-gradient-1); - --border-primary-color: rgba(0,0,0,0.1); + --border-primary-color: rgba(0, 0, 0, 0.1); } #peregrine-app .theme-dark, @@ -85,7 +95,7 @@ --btn-secondary-border-color: #ffffff; --btn-secondary-hover-color: var(--btn-secondary-color); --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255,255,255,0); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); --btn-secondary-focus-color: var(--btn-secondary-hover-color); --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); --btn-secondary-focus-border-color: var(--btn-focus-border-color); @@ -95,10 +105,10 @@ --bg-primary: var(--ocean-gradient-1); --bg-secondary: #ffffff; - --border-primary-color: rgba(255,255,255,0.6); + --border-primary-color: rgba(255, 255, 255, 0.6); - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); --link-primary-color: #ffffff; --link-primary-color-hover: var(--color-accent-1-50); @@ -107,21 +117,27 @@ /* Individual overwrites */ -#peregrine-app [class$='components-cards'].theme-light .card--bg { - --text-primary-color: rgba(255,255,255,0.87); - --text-secondary-color: rgba(255,255,255,0.6); +#peregrine-app [class$="components-cards"].theme-light .card--bg { + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); } -#peregrine-app [class$='components-cards'].theme-dark .card--bg, -#peregrine-app [class$='components-accordion'].theme-dark .accordion-container .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0,0,0,0.87); - --text-secondary-color: rgba(0,0,0,0.6); +#peregrine-app [class$="components-cards"].theme-dark .card--bg, +#peregrine-app + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } -#peregrine-app [class$='components-accordion'].theme-light .accordion-container .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255,255,255,0.6); +#peregrine-app + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); } #peregrine-app .theme-light .accordion-container.accordion-container, @@ -129,10 +145,10 @@ background: transparent; } -#peregrine-app [class$='components-quote'] { +#peregrine-app [class$="components-quote"] { --border-primary-color: var(--color-accent-1-700); } -#peregrine-app .theme-dark[class$="-components-navigation"] a:hover{ +#peregrine-app .theme-dark[class$="-components-navigation"] a:hover { color: var(--color-accent-1-700); -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js index 193b31629..fa5976bd8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js @@ -1,16 +1,18 @@ var Analytics = _analytics.init({ - app: 'YOUR-SITE', - plugins: [ - { - name: 'console-plugin', - track: ({ payload}) => { console.log(payload) } - }, - analyticsPerfumeJs({ - perfume: Perfume, - category: 'perfMetrics' - }), - analyticsGa.init({ - trackingId: 'YOUR-GOOGLE-TRACKING-ID' - }) - ] - }) + app: "YOUR-SITE", + plugins: [ + { + name: "console-plugin", + track: ({ payload }) => { + console.log(payload); + }, + }, + analyticsPerfumeJs({ + perfume: Perfume, + category: "perfMetrics", + }), + analyticsGa.init({ + trackingId: "YOUR-GOOGLE-TRACKING-ID", + }), + ], +}); diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js index 61f932753..5670e9f61 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js @@ -1,55 +1,57 @@ - -importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js'); +importScripts( + "https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js" +); if (workbox) { console.log(`init service worker`); - - workbox.precaching.precacheAndRoute(['/content/themecleanflex/pages/index.html']); + + workbox.precaching.precacheAndRoute([ + "/content/themecleanflex/pages/index.html", + ]); workbox.routing.registerRoute( - // Cache CSS files. - /\.css$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: 'css-cache', - }) + // Cache CSS files. + /\.css$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "css-cache", + }) ); -workbox.routing.registerRoute( - // Cache CSS files. - /\.json$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: 'json-cache', - }) -); + workbox.routing.registerRoute( + // Cache CSS files. + /\.json$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "json-cache", + }) + ); -workbox.routing.registerRoute( - // Cache CSS files. - /\.html$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst() -); + workbox.routing.registerRoute( + // Cache CSS files. + /\.html$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst() + ); -workbox.routing.registerRoute( - // Cache image files. - /\.(?:png|jpg|jpeg|svg|gif)$/, - // Use the cache if it's available. - new workbox.strategies.CacheFirst({ - // Use a custom cache name. - cacheName: 'image-cache', - plugins: [ - new workbox.expiration.Plugin({ - // Cache only 20 images. - maxEntries: 20, - // Cache for a maximum of a week. - maxAgeSeconds: 7 * 24 * 60 * 60, - }) - ], - }) -); - + workbox.routing.registerRoute( + // Cache image files. + /\.(?:png|jpg|jpeg|svg|gif)$/, + // Use the cache if it's available. + new workbox.strategies.CacheFirst({ + // Use a custom cache name. + cacheName: "image-cache", + plugins: [ + new workbox.expiration.Plugin({ + // Cache only 20 images. + maxEntries: 20, + // Cache for a maximum of a week. + maxAgeSeconds: 7 * 24 * 60 * 60, + }), + ], + }) + ); } else { console.log(`no service worker, sorry`); -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css index bcbcd0e6a..bf8e04bc7 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css @@ -1,9 +1,12 @@ :root { - --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --font-size-xs: .75rem; - --font-size-sm: .875rem; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; @@ -126,7 +129,6 @@ a { * Add the correct font weight in Chrome, Edge, and Safari. */ - strong { font-weight: bolder; } @@ -187,7 +189,8 @@ input { */ button, -input { /* 1 */ +input { + /* 1 */ overflow: visible; } @@ -196,7 +199,8 @@ input { /* 1 */ * 1. Remove the inheritance of text transform in Firefox. */ -button { /* 1 */ +button { + /* 1 */ text-transform: none; } @@ -378,7 +382,6 @@ button:focus { outline: 5px auto -webkit-focus-ring-color; } - ul { list-style: none; margin: 0; @@ -1069,7 +1072,8 @@ video { } .shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .fill-current { @@ -1339,7 +1343,7 @@ html { } .enlarge-text h1:not([class]), -.enlarge-text .text-5xl:not([class*=my-]):not([class*=mt-]), +.enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { margin-top: var(--spacing-24); } @@ -1420,7 +1424,7 @@ h6:not([class]) { margin-bottom: 0; } -.enlarge-text p:not([class*=text-]), +.enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { font-size: var(--font-size-xl); line-height: var(--line-height-2); @@ -1430,7 +1434,11 @@ h6 { font-weight: 700; } -h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { +h1:not([class]), +h2:not([class]), +h3:not([class]), +h4:not([class]), +h5:not([class]) { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6); } @@ -1511,32 +1519,32 @@ p { /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } @@ -1582,7 +1590,7 @@ p { padding-bottom: var(--spacing-4); padding-left: var(--spacing-5); padding-right: var(--spacing-5); - font-size: var(--font-size-lg) + font-size: var(--font-size-lg); } .btn-sm { @@ -1590,7 +1598,7 @@ p { padding-bottom: var(--spacing-2); padding-left: var(--spacing-2); padding-right: var(--spacing-2); - font-size: var(--font-size-sm) + font-size: var(--font-size-sm); } .btn-blue { @@ -1659,7 +1667,7 @@ p { flex-shrink: 1 !important; } -@media (min-width: 768px){ +@media (min-width: 768px) { .media-sizeable { flex-shrink: 0 !important; } @@ -1733,7 +1741,6 @@ p { /* purgecss end ignore */ @media (min-width: 640px) { - .sm\:mx-3 { margin-left: var(--spacing-3); margin-right: var(--spacing-3); @@ -1858,7 +1865,6 @@ p { } @media (min-width: 768px) { - .md\:flex { display: flex; } @@ -2019,7 +2025,6 @@ p { } @media (min-width: 1024px) { - .lg\:flex-row { flex-direction: row; } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css index 7a822ca5c..bee2dc4ee 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css @@ -10,7 +10,6 @@ --color-gray-700: #4a5568; --color-gray-800: #2d3748; --color-gray-900: #1a202c; -; --color-red-100: #fff5f5; --color-red-200: #fed7d7; --color-red-300: #feb2b2; @@ -20,7 +19,6 @@ --color-red-700: #c53030; --color-red-800: #9b2c2c; --color-red-900: #742a2a; -; --color-orange-100: #fffaf0; --color-orange-200: #feebc8; --color-orange-300: #fbd38d; @@ -30,7 +28,6 @@ --color-orange-700: #c05621; --color-orange-800: #9c4221; --color-orange-900: #7b341e; -; --color-yellow-100: #fffff0; --color-yellow-200: #fefcbf; --color-yellow-300: #faf089; @@ -40,7 +37,6 @@ --color-yellow-700: #b7791f; --color-yellow-800: #975a16; --color-yellow-900: #744210; -; --color-green-100: #f0fff4; --color-green-200: #c6f6d5; --color-green-300: #9ae6b4; @@ -50,7 +46,6 @@ --color-green-700: #2f855a; --color-green-800: #276749; --color-green-900: #22543d; -; --color-teal-100: #e6fffa; --color-teal-200: #b2f5ea; --color-teal-300: #81e6d9; @@ -60,7 +55,6 @@ --color-teal-700: #2c7a7b; --color-teal-800: #285e61; --color-teal-900: #234e52; -; --color-blue-100: #ebf8ff; --color-blue-200: #bee3f8; --color-blue-300: #90cdf4; @@ -70,7 +64,6 @@ --color-blue-700: #2b6cb0; --color-blue-800: #2c5282; --color-blue-900: #2a4365; -; --color-indigo-100: #ebf4ff; --color-indigo-200: #c3dafe; --color-indigo-300: #a3bffa; @@ -80,7 +73,6 @@ --color-indigo-700: #4c51bf; --color-indigo-800: #434190; --color-indigo-900: #3c366b; -; --color-purple-100: #faf5ff; --color-purple-200: #e9d8fd; --color-purple-300: #d6bcfa; @@ -90,7 +82,6 @@ --color-purple-700: #6b46c1; --color-purple-800: #553c9a; --color-purple-900: #44337a; -; --color-pink-100: #fff5f7; --color-pink-200: #fed7e2; --color-pink-300: #fbb6ce; @@ -100,4 +91,4 @@ --color-pink-700: #b83280; --color-pink-800: #97266d; --color-pink-900: #702459; -} \ No newline at end of file +} diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css index 1f987f703..183df6091 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css @@ -1,10 +1,13 @@ :root { - --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; - --font-size-xs: .75rem; - --font-size-sm: .875rem; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js index 67ba3f80b..ccff9d97f 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js @@ -6,736 +6,732 @@ * https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document * */ -(function() { -'use strict'; - -// Exit early if we're not running in a browser. -if (typeof window !== 'object') { - return; -} - -// Exit early if all IntersectionObserver and IntersectionObserverEntry -// features are natively supported. -if ('IntersectionObserver' in window && - 'IntersectionObserverEntry' in window && - 'intersectionRatio' in window.IntersectionObserverEntry.prototype) { - - // Minimal polyfill for Edge 15's lack of `isIntersecting` - // See: https://github.com/w3c/IntersectionObserver/issues/211 - if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) { - Object.defineProperty(window.IntersectionObserverEntry.prototype, - 'isIntersecting', { - get: function () { - return this.intersectionRatio > 0; - } - }); - } - return; -} - - -/** - * A local reference to the document. - */ -var document = window.document; - - -/** - * An IntersectionObserver registry. This registry exists to hold a strong - * reference to IntersectionObserver instances currently observing a target - * element. Without this registry, instances without another reference may be - * garbage collected. - */ -var registry = []; - - -/** - * Creates the global IntersectionObserverEntry constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry - * @param {Object} entry A dictionary of instance properties. - * @constructor - */ -function IntersectionObserverEntry(entry) { - this.time = entry.time; - this.target = entry.target; - this.rootBounds = entry.rootBounds; - this.boundingClientRect = entry.boundingClientRect; - this.intersectionRect = entry.intersectionRect || getEmptyRect(); - this.isIntersecting = !!entry.intersectionRect; - - // Calculates the intersection ratio. - var targetRect = this.boundingClientRect; - var targetArea = targetRect.width * targetRect.height; - var intersectionRect = this.intersectionRect; - var intersectionArea = intersectionRect.width * intersectionRect.height; - - // Sets intersection ratio. - if (targetArea) { - // Round the intersection ratio to avoid floating point math issues: - // https://github.com/w3c/IntersectionObserver/issues/324 - this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4)); - } else { - // If area is zero and is intersecting, sets to 1, otherwise to 0 - this.intersectionRatio = this.isIntersecting ? 1 : 0; - } -} - - -/** - * Creates the global IntersectionObserver constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface - * @param {Function} callback The function to be invoked after intersection - * changes have queued. The function is not invoked if the queue has - * been emptied by calling the `takeRecords` method. - * @param {Object=} opt_options Optional configuration options. - * @constructor - */ -function IntersectionObserver(callback, opt_options) { +(function () { + "use strict"; - var options = opt_options || {}; - - if (typeof callback != 'function') { - throw new Error('callback must be a function'); - } - - if (options.root && options.root.nodeType != 1) { - throw new Error('root must be an Element'); + // Exit early if we're not running in a browser. + if (typeof window !== "object") { + return; } - // Binds and throttles `this._checkForIntersections`. - this._checkForIntersections = throttle( - this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT); - - // Private properties. - this._callback = callback; - this._observationTargets = []; - this._queuedEntries = []; - this._rootMarginValues = this._parseRootMargin(options.rootMargin); - - // Public properties. - this.thresholds = this._initThresholds(options.threshold); - this.root = options.root || null; - this.rootMargin = this._rootMarginValues.map(function(margin) { - return margin.value + margin.unit; - }).join(' '); -} - - -/** - * The minimum interval within which the document will be checked for - * intersection changes. - */ -IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; - - -/** - * The frequency in which the polyfill polls for intersection changes. - * this can be updated on a per instance basis and must be set prior to - * calling `observe` on the first target. - */ -IntersectionObserver.prototype.POLL_INTERVAL = null; - -/** - * Use a mutation observer on the root element - * to detect intersection changes. - */ -IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; - - -/** - * Starts observing a target element for intersection changes based on - * the thresholds values. - * @param {Element} target The DOM element to observe. - */ -IntersectionObserver.prototype.observe = function(target) { - var isTargetAlreadyObserved = this._observationTargets.some(function(item) { - return item.element == target; - }); - - if (isTargetAlreadyObserved) { + // Exit early if all IntersectionObserver and IntersectionObserverEntry + // features are natively supported. + if ( + "IntersectionObserver" in window && + "IntersectionObserverEntry" in window && + "intersectionRatio" in window.IntersectionObserverEntry.prototype + ) { + // Minimal polyfill for Edge 15's lack of `isIntersecting` + // See: https://github.com/w3c/IntersectionObserver/issues/211 + if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) { + Object.defineProperty( + window.IntersectionObserverEntry.prototype, + "isIntersecting", + { + get: function () { + return this.intersectionRatio > 0; + }, + } + ); + } return; } - if (!(target && target.nodeType == 1)) { - throw new Error('target must be an Element'); + /** + * A local reference to the document. + */ + var document = window.document; + + /** + * An IntersectionObserver registry. This registry exists to hold a strong + * reference to IntersectionObserver instances currently observing a target + * element. Without this registry, instances without another reference may be + * garbage collected. + */ + var registry = []; + + /** + * Creates the global IntersectionObserverEntry constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry + * @param {Object} entry A dictionary of instance properties. + * @constructor + */ + function IntersectionObserverEntry(entry) { + this.time = entry.time; + this.target = entry.target; + this.rootBounds = entry.rootBounds; + this.boundingClientRect = entry.boundingClientRect; + this.intersectionRect = entry.intersectionRect || getEmptyRect(); + this.isIntersecting = !!entry.intersectionRect; + + // Calculates the intersection ratio. + var targetRect = this.boundingClientRect; + var targetArea = targetRect.width * targetRect.height; + var intersectionRect = this.intersectionRect; + var intersectionArea = intersectionRect.width * intersectionRect.height; + + // Sets intersection ratio. + if (targetArea) { + // Round the intersection ratio to avoid floating point math issues: + // https://github.com/w3c/IntersectionObserver/issues/324 + this.intersectionRatio = Number( + (intersectionArea / targetArea).toFixed(4) + ); + } else { + // If area is zero and is intersecting, sets to 1, otherwise to 0 + this.intersectionRatio = this.isIntersecting ? 1 : 0; + } } - this._registerInstance(); - this._observationTargets.push({element: target, entry: null}); - this._monitorIntersections(); - this._checkForIntersections(); -}; - + /** + * Creates the global IntersectionObserver constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface + * @param {Function} callback The function to be invoked after intersection + * changes have queued. The function is not invoked if the queue has + * been emptied by calling the `takeRecords` method. + * @param {Object=} opt_options Optional configuration options. + * @constructor + */ + function IntersectionObserver(callback, opt_options) { + var options = opt_options || {}; + + if (typeof callback != "function") { + throw new Error("callback must be a function"); + } -/** - * Stops observing a target element for intersection changes. - * @param {Element} target The DOM element to observe. - */ -IntersectionObserver.prototype.unobserve = function(target) { - this._observationTargets = - this._observationTargets.filter(function(item) { + if (options.root && options.root.nodeType != 1) { + throw new Error("root must be an Element"); + } - return item.element != target; - }); - if (!this._observationTargets.length) { - this._unmonitorIntersections(); - this._unregisterInstance(); + // Binds and throttles `this._checkForIntersections`. + this._checkForIntersections = throttle( + this._checkForIntersections.bind(this), + this.THROTTLE_TIMEOUT + ); + + // Private properties. + this._callback = callback; + this._observationTargets = []; + this._queuedEntries = []; + this._rootMarginValues = this._parseRootMargin(options.rootMargin); + + // Public properties. + this.thresholds = this._initThresholds(options.threshold); + this.root = options.root || null; + this.rootMargin = this._rootMarginValues + .map(function (margin) { + return margin.value + margin.unit; + }) + .join(" "); } -}; - - -/** - * Stops observing all target elements for intersection changes. - */ -IntersectionObserver.prototype.disconnect = function() { - this._observationTargets = []; - this._unmonitorIntersections(); - this._unregisterInstance(); -}; - - -/** - * Returns any queue entries that have not yet been reported to the - * callback and clears the queue. This can be used in conjunction with the - * callback to obtain the absolute most up-to-date intersection information. - * @return {Array} The currently queued entries. - */ -IntersectionObserver.prototype.takeRecords = function() { - var records = this._queuedEntries.slice(); - this._queuedEntries = []; - return records; -}; + /** + * The minimum interval within which the document will be checked for + * intersection changes. + */ + IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; + + /** + * The frequency in which the polyfill polls for intersection changes. + * this can be updated on a per instance basis and must be set prior to + * calling `observe` on the first target. + */ + IntersectionObserver.prototype.POLL_INTERVAL = null; + + /** + * Use a mutation observer on the root element + * to detect intersection changes. + */ + IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; + + /** + * Starts observing a target element for intersection changes based on + * the thresholds values. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.observe = function (target) { + var isTargetAlreadyObserved = this._observationTargets.some(function ( + item + ) { + return item.element == target; + }); -/** - * Accepts the threshold value from the user configuration object and - * returns a sorted array of unique threshold values. If a value is not - * between 0 and 1 and error is thrown. - * @private - * @param {Array|number=} opt_threshold An optional threshold value or - * a list of threshold values, defaulting to [0]. - * @return {Array} A sorted list of unique and valid threshold values. - */ -IntersectionObserver.prototype._initThresholds = function(opt_threshold) { - var threshold = opt_threshold || [0]; - if (!Array.isArray(threshold)) threshold = [threshold]; + if (isTargetAlreadyObserved) { + return; + } - return threshold.sort().filter(function(t, i, a) { - if (typeof t != 'number' || isNaN(t) || t < 0 || t > 1) { - throw new Error('threshold must be a number between 0 and 1 inclusively'); + if (!(target && target.nodeType == 1)) { + throw new Error("target must be an Element"); } - return t !== a[i - 1]; - }); -}; + this._registerInstance(); + this._observationTargets.push({ element: target, entry: null }); + this._monitorIntersections(); + this._checkForIntersections(); + }; -/** - * Accepts the rootMargin value from the user configuration object - * and returns an array of the four margin values as an object containing - * the value and unit properties. If any of the values are not properly - * formatted or use a unit other than px or %, and error is thrown. - * @private - * @param {string=} opt_rootMargin An optional rootMargin value, - * defaulting to '0px'. - * @return {Array} An array of margin objects with the keys - * value and unit. - */ -IntersectionObserver.prototype._parseRootMargin = function(opt_rootMargin) { - var marginString = opt_rootMargin || '0px'; - var margins = marginString.split(/\s+/).map(function(margin) { - var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); - if (!parts) { - throw new Error('rootMargin must be specified in pixels or percent'); + /** + * Stops observing a target element for intersection changes. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.unobserve = function (target) { + this._observationTargets = this._observationTargets.filter(function (item) { + return item.element != target; + }); + if (!this._observationTargets.length) { + this._unmonitorIntersections(); + this._unregisterInstance(); } - return {value: parseFloat(parts[1]), unit: parts[2]}; - }); - - // Handles shorthand. - margins[1] = margins[1] || margins[0]; - margins[2] = margins[2] || margins[0]; - margins[3] = margins[3] || margins[1]; + }; - return margins; -}; + /** + * Stops observing all target elements for intersection changes. + */ + IntersectionObserver.prototype.disconnect = function () { + this._observationTargets = []; + this._unmonitorIntersections(); + this._unregisterInstance(); + }; + /** + * Returns any queue entries that have not yet been reported to the + * callback and clears the queue. This can be used in conjunction with the + * callback to obtain the absolute most up-to-date intersection information. + * @return {Array} The currently queued entries. + */ + IntersectionObserver.prototype.takeRecords = function () { + var records = this._queuedEntries.slice(); + this._queuedEntries = []; + return records; + }; -/** - * Starts polling for intersection changes if the polling is not already - * happening, and if the page's visibility state is visible. - * @private - */ -IntersectionObserver.prototype._monitorIntersections = function() { - if (!this._monitoringIntersections) { - this._monitoringIntersections = true; - - // If a poll interval is set, use polling instead of listening to - // resize and scroll events or DOM mutations. - if (this.POLL_INTERVAL) { - this._monitoringInterval = setInterval( - this._checkForIntersections, this.POLL_INTERVAL); - } - else { - addEvent(window, 'resize', this._checkForIntersections, true); - addEvent(document, 'scroll', this._checkForIntersections, true); - - if (this.USE_MUTATION_OBSERVER && 'MutationObserver' in window) { - this._domObserver = new MutationObserver(this._checkForIntersections); - this._domObserver.observe(document, { - attributes: true, - childList: true, - characterData: true, - subtree: true - }); + /** + * Accepts the threshold value from the user configuration object and + * returns a sorted array of unique threshold values. If a value is not + * between 0 and 1 and error is thrown. + * @private + * @param {Array|number=} opt_threshold An optional threshold value or + * a list of threshold values, defaulting to [0]. + * @return {Array} A sorted list of unique and valid threshold values. + */ + IntersectionObserver.prototype._initThresholds = function (opt_threshold) { + var threshold = opt_threshold || [0]; + if (!Array.isArray(threshold)) threshold = [threshold]; + + return threshold.sort().filter(function (t, i, a) { + if (typeof t != "number" || isNaN(t) || t < 0 || t > 1) { + throw new Error( + "threshold must be a number between 0 and 1 inclusively" + ); } - } - } -}; - + return t !== a[i - 1]; + }); + }; -/** - * Stops polling for intersection changes. - * @private - */ -IntersectionObserver.prototype._unmonitorIntersections = function() { - if (this._monitoringIntersections) { - this._monitoringIntersections = false; + /** + * Accepts the rootMargin value from the user configuration object + * and returns an array of the four margin values as an object containing + * the value and unit properties. If any of the values are not properly + * formatted or use a unit other than px or %, and error is thrown. + * @private + * @param {string=} opt_rootMargin An optional rootMargin value, + * defaulting to '0px'. + * @return {Array} An array of margin objects with the keys + * value and unit. + */ + IntersectionObserver.prototype._parseRootMargin = function (opt_rootMargin) { + var marginString = opt_rootMargin || "0px"; + var margins = marginString.split(/\s+/).map(function (margin) { + var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); + if (!parts) { + throw new Error("rootMargin must be specified in pixels or percent"); + } + return { value: parseFloat(parts[1]), unit: parts[2] }; + }); - clearInterval(this._monitoringInterval); - this._monitoringInterval = null; + // Handles shorthand. + margins[1] = margins[1] || margins[0]; + margins[2] = margins[2] || margins[0]; + margins[3] = margins[3] || margins[1]; - removeEvent(window, 'resize', this._checkForIntersections, true); - removeEvent(document, 'scroll', this._checkForIntersections, true); + return margins; + }; - if (this._domObserver) { - this._domObserver.disconnect(); - this._domObserver = null; + /** + * Starts polling for intersection changes if the polling is not already + * happening, and if the page's visibility state is visible. + * @private + */ + IntersectionObserver.prototype._monitorIntersections = function () { + if (!this._monitoringIntersections) { + this._monitoringIntersections = true; + + // If a poll interval is set, use polling instead of listening to + // resize and scroll events or DOM mutations. + if (this.POLL_INTERVAL) { + this._monitoringInterval = setInterval( + this._checkForIntersections, + this.POLL_INTERVAL + ); + } else { + addEvent(window, "resize", this._checkForIntersections, true); + addEvent(document, "scroll", this._checkForIntersections, true); + + if (this.USE_MUTATION_OBSERVER && "MutationObserver" in window) { + this._domObserver = new MutationObserver(this._checkForIntersections); + this._domObserver.observe(document, { + attributes: true, + childList: true, + characterData: true, + subtree: true, + }); + } + } } - } -}; - + }; -/** - * Scans each observation target for intersection changes and adds them - * to the internal entries queue. If new entries are found, it - * schedules the callback to be invoked. - * @private - */ -IntersectionObserver.prototype._checkForIntersections = function() { - var rootIsInDom = this._rootIsInDom(); - var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); + /** + * Stops polling for intersection changes. + * @private + */ + IntersectionObserver.prototype._unmonitorIntersections = function () { + if (this._monitoringIntersections) { + this._monitoringIntersections = false; - this._observationTargets.forEach(function(item) { - var target = item.element; - var targetRect = getBoundingClientRect(target); - var rootContainsTarget = this._rootContainsTarget(target); - var oldEntry = item.entry; - var intersectionRect = rootIsInDom && rootContainsTarget && - this._computeTargetAndRootIntersection(target, rootRect); + clearInterval(this._monitoringInterval); + this._monitoringInterval = null; - var newEntry = item.entry = new IntersectionObserverEntry({ - time: now(), - target: target, - boundingClientRect: targetRect, - rootBounds: rootRect, - intersectionRect: intersectionRect - }); + removeEvent(window, "resize", this._checkForIntersections, true); + removeEvent(document, "scroll", this._checkForIntersections, true); - if (!oldEntry) { - this._queuedEntries.push(newEntry); - } else if (rootIsInDom && rootContainsTarget) { - // If the new entry intersection ratio has crossed any of the - // thresholds, add a new entry. - if (this._hasCrossedThreshold(oldEntry, newEntry)) { - this._queuedEntries.push(newEntry); - } - } else { - // If the root is not in the DOM or target is not contained within - // root but the previous entry for this target had an intersection, - // add a new record indicating removal. - if (oldEntry && oldEntry.isIntersecting) { - this._queuedEntries.push(newEntry); + if (this._domObserver) { + this._domObserver.disconnect(); + this._domObserver = null; } } - }, this); - - if (this._queuedEntries.length) { - this._callback(this.takeRecords(), this); - } -}; - + }; -/** - * Accepts a target and root rect computes the intersection between then - * following the algorithm in the spec. - * TODO(philipwalton): at this time clip-path is not considered. - * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo - * @param {Element} target The target DOM element - * @param {Object} rootRect The bounding rect of the root after being - * expanded by the rootMargin value. - * @return {?Object} The final intersection rect object or undefined if no - * intersection is found. - * @private - */ -IntersectionObserver.prototype._computeTargetAndRootIntersection = - function(target, rootRect) { + /** + * Scans each observation target for intersection changes and adds them + * to the internal entries queue. If new entries are found, it + * schedules the callback to be invoked. + * @private + */ + IntersectionObserver.prototype._checkForIntersections = function () { + var rootIsInDom = this._rootIsInDom(); + var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); + + this._observationTargets.forEach(function (item) { + var target = item.element; + var targetRect = getBoundingClientRect(target); + var rootContainsTarget = this._rootContainsTarget(target); + var oldEntry = item.entry; + var intersectionRect = + rootIsInDom && + rootContainsTarget && + this._computeTargetAndRootIntersection(target, rootRect); - // If the element isn't displayed, an intersection can't happen. - if (window.getComputedStyle(target).display == 'none') return; + var newEntry = (item.entry = new IntersectionObserverEntry({ + time: now(), + target: target, + boundingClientRect: targetRect, + rootBounds: rootRect, + intersectionRect: intersectionRect, + })); - var targetRect = getBoundingClientRect(target); - var intersectionRect = targetRect; - var parent = getParentNode(target); - var atRoot = false; + if (!oldEntry) { + this._queuedEntries.push(newEntry); + } else if (rootIsInDom && rootContainsTarget) { + // If the new entry intersection ratio has crossed any of the + // thresholds, add a new entry. + if (this._hasCrossedThreshold(oldEntry, newEntry)) { + this._queuedEntries.push(newEntry); + } + } else { + // If the root is not in the DOM or target is not contained within + // root but the previous entry for this target had an intersection, + // add a new record indicating removal. + if (oldEntry && oldEntry.isIntersecting) { + this._queuedEntries.push(newEntry); + } + } + }, this); - while (!atRoot) { - var parentRect = null; - var parentComputedStyle = parent.nodeType == 1 ? - window.getComputedStyle(parent) : {}; + if (this._queuedEntries.length) { + this._callback(this.takeRecords(), this); + } + }; - // If the parent isn't displayed, an intersection can't happen. - if (parentComputedStyle.display == 'none') return; + /** + * Accepts a target and root rect computes the intersection between then + * following the algorithm in the spec. + * TODO(philipwalton): at this time clip-path is not considered. + * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo + * @param {Element} target The target DOM element + * @param {Object} rootRect The bounding rect of the root after being + * expanded by the rootMargin value. + * @return {?Object} The final intersection rect object or undefined if no + * intersection is found. + * @private + */ + IntersectionObserver.prototype._computeTargetAndRootIntersection = function ( + target, + rootRect + ) { + // If the element isn't displayed, an intersection can't happen. + if (window.getComputedStyle(target).display == "none") return; - if (parent == this.root || parent == document) { - atRoot = true; - parentRect = rootRect; - } else { - // If the element has a non-visible overflow, and it's not the - // or element, update the intersection rect. - // Note: and cannot be clipped to a rect that's not also - // the document rect, so no need to compute a new intersection. - if (parent != document.body && + var targetRect = getBoundingClientRect(target); + var intersectionRect = targetRect; + var parent = getParentNode(target); + var atRoot = false; + + while (!atRoot) { + var parentRect = null; + var parentComputedStyle = + parent.nodeType == 1 ? window.getComputedStyle(parent) : {}; + + // If the parent isn't displayed, an intersection can't happen. + if (parentComputedStyle.display == "none") return; + + if (parent == this.root || parent == document) { + atRoot = true; + parentRect = rootRect; + } else { + // If the element has a non-visible overflow, and it's not the + // or element, update the intersection rect. + // Note: and cannot be clipped to a rect that's not also + // the document rect, so no need to compute a new intersection. + if ( + parent != document.body && parent != document.documentElement && - parentComputedStyle.overflow != 'visible') { - parentRect = getBoundingClientRect(parent); + parentComputedStyle.overflow != "visible" + ) { + parentRect = getBoundingClientRect(parent); + } } - } - // If either of the above conditionals set a new parentRect, - // calculate new intersection data. - if (parentRect) { - intersectionRect = computeRectIntersection(parentRect, intersectionRect); + // If either of the above conditionals set a new parentRect, + // calculate new intersection data. + if (parentRect) { + intersectionRect = computeRectIntersection( + parentRect, + intersectionRect + ); - if (!intersectionRect) break; + if (!intersectionRect) break; + } + parent = getParentNode(parent); } - parent = getParentNode(parent); - } - return intersectionRect; -}; + return intersectionRect; + }; + /** + * Returns the root rect after being expanded by the rootMargin value. + * @return {Object} The expanded root rect. + * @private + */ + IntersectionObserver.prototype._getRootRect = function () { + var rootRect; + if (this.root) { + rootRect = getBoundingClientRect(this.root); + } else { + // Use / instead of window since scroll bars affect size. + var html = document.documentElement; + var body = document.body; + rootRect = { + top: 0, + left: 0, + right: html.clientWidth || body.clientWidth, + width: html.clientWidth || body.clientWidth, + bottom: html.clientHeight || body.clientHeight, + height: html.clientHeight || body.clientHeight, + }; + } + return this._expandRectByRootMargin(rootRect); + }; -/** - * Returns the root rect after being expanded by the rootMargin value. - * @return {Object} The expanded root rect. - * @private - */ -IntersectionObserver.prototype._getRootRect = function() { - var rootRect; - if (this.root) { - rootRect = getBoundingClientRect(this.root); - } else { - // Use / instead of window since scroll bars affect size. - var html = document.documentElement; - var body = document.body; - rootRect = { - top: 0, - left: 0, - right: html.clientWidth || body.clientWidth, - width: html.clientWidth || body.clientWidth, - bottom: html.clientHeight || body.clientHeight, - height: html.clientHeight || body.clientHeight + /** + * Accepts a rect and expands it by the rootMargin value. + * @param {Object} rect The rect object to expand. + * @return {Object} The expanded rect. + * @private + */ + IntersectionObserver.prototype._expandRectByRootMargin = function (rect) { + var margins = this._rootMarginValues.map(function (margin, i) { + return margin.unit == "px" + ? margin.value + : (margin.value * (i % 2 ? rect.width : rect.height)) / 100; + }); + var newRect = { + top: rect.top - margins[0], + right: rect.right + margins[1], + bottom: rect.bottom + margins[2], + left: rect.left - margins[3], }; - } - return this._expandRectByRootMargin(rootRect); -}; - + newRect.width = newRect.right - newRect.left; + newRect.height = newRect.bottom - newRect.top; -/** - * Accepts a rect and expands it by the rootMargin value. - * @param {Object} rect The rect object to expand. - * @return {Object} The expanded rect. - * @private - */ -IntersectionObserver.prototype._expandRectByRootMargin = function(rect) { - var margins = this._rootMarginValues.map(function(margin, i) { - return margin.unit == 'px' ? margin.value : - margin.value * (i % 2 ? rect.width : rect.height) / 100; - }); - var newRect = { - top: rect.top - margins[0], - right: rect.right + margins[1], - bottom: rect.bottom + margins[2], - left: rect.left - margins[3] + return newRect; }; - newRect.width = newRect.right - newRect.left; - newRect.height = newRect.bottom - newRect.top; - - return newRect; -}; - -/** - * Accepts an old and new entry and returns true if at least one of the - * threshold values has been crossed. - * @param {?IntersectionObserverEntry} oldEntry The previous entry for a - * particular target element or null if no previous entry exists. - * @param {IntersectionObserverEntry} newEntry The current entry for a - * particular target element. - * @return {boolean} Returns true if a any threshold has been crossed. - * @private - */ -IntersectionObserver.prototype._hasCrossedThreshold = - function(oldEntry, newEntry) { - - // To make comparing easier, an entry that has a ratio of 0 - // but does not actually intersect is given a value of -1 - var oldRatio = oldEntry && oldEntry.isIntersecting ? - oldEntry.intersectionRatio || 0 : -1; - var newRatio = newEntry.isIntersecting ? - newEntry.intersectionRatio || 0 : -1; - - // Ignore unchanged ratios - if (oldRatio === newRatio) return; - - for (var i = 0; i < this.thresholds.length; i++) { - var threshold = this.thresholds[i]; - - // Return true if an entry matches a threshold or if the new ratio - // and the old ratio are on the opposite sides of a threshold. - if (threshold == oldRatio || threshold == newRatio || - threshold < oldRatio !== threshold < newRatio) { - return true; + /** + * Accepts an old and new entry and returns true if at least one of the + * threshold values has been crossed. + * @param {?IntersectionObserverEntry} oldEntry The previous entry for a + * particular target element or null if no previous entry exists. + * @param {IntersectionObserverEntry} newEntry The current entry for a + * particular target element. + * @return {boolean} Returns true if a any threshold has been crossed. + * @private + */ + IntersectionObserver.prototype._hasCrossedThreshold = function ( + oldEntry, + newEntry + ) { + // To make comparing easier, an entry that has a ratio of 0 + // but does not actually intersect is given a value of -1 + var oldRatio = + oldEntry && oldEntry.isIntersecting + ? oldEntry.intersectionRatio || 0 + : -1; + var newRatio = newEntry.isIntersecting + ? newEntry.intersectionRatio || 0 + : -1; + + // Ignore unchanged ratios + if (oldRatio === newRatio) return; + + for (var i = 0; i < this.thresholds.length; i++) { + var threshold = this.thresholds[i]; + + // Return true if an entry matches a threshold or if the new ratio + // and the old ratio are on the opposite sides of a threshold. + if ( + threshold == oldRatio || + threshold == newRatio || + threshold < oldRatio !== threshold < newRatio + ) { + return true; + } } - } -}; - - -/** - * Returns whether or not the root element is an element and is in the DOM. - * @return {boolean} True if the root element is an element and is in the DOM. - * @private - */ -IntersectionObserver.prototype._rootIsInDom = function() { - return !this.root || containsDeep(document, this.root); -}; - - -/** - * Returns whether or not the target element is a child of root. - * @param {Element} target The target element to check. - * @return {boolean} True if the target element is a child of root. - * @private - */ -IntersectionObserver.prototype._rootContainsTarget = function(target) { - return containsDeep(this.root || document, target); -}; - - -/** - * Adds the instance to the global IntersectionObserver registry if it isn't - * already present. - * @private - */ -IntersectionObserver.prototype._registerInstance = function() { - if (registry.indexOf(this) < 0) { - registry.push(this); - } -}; - - -/** - * Removes the instance from the global IntersectionObserver registry. - * @private - */ -IntersectionObserver.prototype._unregisterInstance = function() { - var index = registry.indexOf(this); - if (index != -1) registry.splice(index, 1); -}; - + }; -/** - * Returns the result of the performance.now() method or null in browsers - * that don't support the API. - * @return {number} The elapsed time since the page was requested. - */ -function now() { - return window.performance && performance.now && performance.now(); -} + /** + * Returns whether or not the root element is an element and is in the DOM. + * @return {boolean} True if the root element is an element and is in the DOM. + * @private + */ + IntersectionObserver.prototype._rootIsInDom = function () { + return !this.root || containsDeep(document, this.root); + }; + /** + * Returns whether or not the target element is a child of root. + * @param {Element} target The target element to check. + * @return {boolean} True if the target element is a child of root. + * @private + */ + IntersectionObserver.prototype._rootContainsTarget = function (target) { + return containsDeep(this.root || document, target); + }; -/** - * Throttles a function and delays its execution, so it's only called at most - * once within a given time period. - * @param {Function} fn The function to throttle. - * @param {number} timeout The amount of time that must pass before the - * function can be called again. - * @return {Function} The throttled function. - */ -function throttle(fn, timeout) { - var timer = null; - return function () { - if (!timer) { - timer = setTimeout(function() { - fn(); - timer = null; - }, timeout); + /** + * Adds the instance to the global IntersectionObserver registry if it isn't + * already present. + * @private + */ + IntersectionObserver.prototype._registerInstance = function () { + if (registry.indexOf(this) < 0) { + registry.push(this); } }; -} - -/** - * Adds an event handler to a DOM node ensuring cross-browser compatibility. - * @param {Node} node The DOM node to add the event handler to. - * @param {string} event The event name. - * @param {Function} fn The event handler to add. - * @param {boolean} opt_useCapture Optionally adds the even to the capture - * phase. Note: this only works in modern browsers. - */ -function addEvent(node, event, fn, opt_useCapture) { - if (typeof node.addEventListener == 'function') { - node.addEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.attachEvent == 'function') { - node.attachEvent('on' + event, fn); - } -} - - -/** - * Removes a previously added event handler from a DOM node. - * @param {Node} node The DOM node to remove the event handler from. - * @param {string} event The event name. - * @param {Function} fn The event handler to remove. - * @param {boolean} opt_useCapture If the event handler was added with this - * flag set to true, it should be set to true here in order to remove it. - */ -function removeEvent(node, event, fn, opt_useCapture) { - if (typeof node.removeEventListener == 'function') { - node.removeEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.detatchEvent == 'function') { - node.detatchEvent('on' + event, fn); - } -} - - -/** - * Returns the intersection between two rect objects. - * @param {Object} rect1 The first rect. - * @param {Object} rect2 The second rect. - * @return {?Object} The intersection rect or undefined if no intersection - * is found. - */ -function computeRectIntersection(rect1, rect2) { - var top = Math.max(rect1.top, rect2.top); - var bottom = Math.min(rect1.bottom, rect2.bottom); - var left = Math.max(rect1.left, rect2.left); - var right = Math.min(rect1.right, rect2.right); - var width = right - left; - var height = bottom - top; - - return (width >= 0 && height >= 0) && { - top: top, - bottom: bottom, - left: left, - right: right, - width: width, - height: height + /** + * Removes the instance from the global IntersectionObserver registry. + * @private + */ + IntersectionObserver.prototype._unregisterInstance = function () { + var index = registry.indexOf(this); + if (index != -1) registry.splice(index, 1); }; -} - -/** - * Shims the native getBoundingClientRect for compatibility with older IE. - * @param {Element} el The element whose bounding rect to get. - * @return {Object} The (possibly shimmed) rect of the element. - */ -function getBoundingClientRect(el) { - var rect; - - try { - rect = el.getBoundingClientRect(); - } catch (err) { - // Ignore Windows 7 IE11 "Unspecified error" - // https://github.com/w3c/IntersectionObserver/pull/205 + /** + * Returns the result of the performance.now() method or null in browsers + * that don't support the API. + * @return {number} The elapsed time since the page was requested. + */ + function now() { + return window.performance && performance.now && performance.now(); } - if (!rect) return getEmptyRect(); - - // Older IE - if (!(rect.width && rect.height)) { - rect = { - top: rect.top, - right: rect.right, - bottom: rect.bottom, - left: rect.left, - width: rect.right - rect.left, - height: rect.bottom - rect.top + /** + * Throttles a function and delays its execution, so it's only called at most + * once within a given time period. + * @param {Function} fn The function to throttle. + * @param {number} timeout The amount of time that must pass before the + * function can be called again. + * @return {Function} The throttled function. + */ + function throttle(fn, timeout) { + var timer = null; + return function () { + if (!timer) { + timer = setTimeout(function () { + fn(); + timer = null; + }, timeout); + } }; } - return rect; -} + /** + * Adds an event handler to a DOM node ensuring cross-browser compatibility. + * @param {Node} node The DOM node to add the event handler to. + * @param {string} event The event name. + * @param {Function} fn The event handler to add. + * @param {boolean} opt_useCapture Optionally adds the even to the capture + * phase. Note: this only works in modern browsers. + */ + function addEvent(node, event, fn, opt_useCapture) { + if (typeof node.addEventListener == "function") { + node.addEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.attachEvent == "function") { + node.attachEvent("on" + event, fn); + } + } -/** - * Returns an empty rect object. An empty rect is returned when an element - * is not in the DOM. - * @return {Object} The empty rect. - */ -function getEmptyRect() { - return { - top: 0, - bottom: 0, - left: 0, - right: 0, - width: 0, - height: 0 - }; -} - -/** - * Checks to see if a parent element contains a child element (including inside - * shadow DOM). - * @param {Node} parent The parent element. - * @param {Node} child The child element. - * @return {boolean} True if the parent node contains the child node. - */ -function containsDeep(parent, child) { - var node = child; - while (node) { - if (node == parent) return true; + /** + * Removes a previously added event handler from a DOM node. + * @param {Node} node The DOM node to remove the event handler from. + * @param {string} event The event name. + * @param {Function} fn The event handler to remove. + * @param {boolean} opt_useCapture If the event handler was added with this + * flag set to true, it should be set to true here in order to remove it. + */ + function removeEvent(node, event, fn, opt_useCapture) { + if (typeof node.removeEventListener == "function") { + node.removeEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.detatchEvent == "function") { + node.detatchEvent("on" + event, fn); + } + } - node = getParentNode(node); + /** + * Returns the intersection between two rect objects. + * @param {Object} rect1 The first rect. + * @param {Object} rect2 The second rect. + * @return {?Object} The intersection rect or undefined if no intersection + * is found. + */ + function computeRectIntersection(rect1, rect2) { + var top = Math.max(rect1.top, rect2.top); + var bottom = Math.min(rect1.bottom, rect2.bottom); + var left = Math.max(rect1.left, rect2.left); + var right = Math.min(rect1.right, rect2.right); + var width = right - left; + var height = bottom - top; + + return ( + width >= 0 && + height >= 0 && { + top: top, + bottom: bottom, + left: left, + right: right, + width: width, + height: height, + } + ); } - return false; -} + /** + * Shims the native getBoundingClientRect for compatibility with older IE. + * @param {Element} el The element whose bounding rect to get. + * @return {Object} The (possibly shimmed) rect of the element. + */ + function getBoundingClientRect(el) { + var rect; + + try { + rect = el.getBoundingClientRect(); + } catch (err) { + // Ignore Windows 7 IE11 "Unspecified error" + // https://github.com/w3c/IntersectionObserver/pull/205 + } -/** - * Gets the parent node of an element or its host element if the parent node - * is a shadow root. - * @param {Node} node The node whose parent to get. - * @return {Node|null} The parent node or null if no parent exists. - */ -function getParentNode(node) { - var parent = node.parentNode; + if (!rect) return getEmptyRect(); + + // Older IE + if (!(rect.width && rect.height)) { + rect = { + top: rect.top, + right: rect.right, + bottom: rect.bottom, + left: rect.left, + width: rect.right - rect.left, + height: rect.bottom - rect.top, + }; + } + return rect; + } - if (parent && parent.nodeType == 11 && parent.host) { - // If the parent is a shadow root, return the host element. - return parent.host; + /** + * Returns an empty rect object. An empty rect is returned when an element + * is not in the DOM. + * @return {Object} The empty rect. + */ + function getEmptyRect() { + return { + top: 0, + bottom: 0, + left: 0, + right: 0, + width: 0, + height: 0, + }; } - if (parent && parent.assignedSlot) { - // If the parent is distributed in a , return the parent of a slot. - return parent.assignedSlot.parentNode; + /** + * Checks to see if a parent element contains a child element (including inside + * shadow DOM). + * @param {Node} parent The parent element. + * @param {Node} child The child element. + * @return {boolean} True if the parent node contains the child node. + */ + function containsDeep(parent, child) { + var node = child; + while (node) { + if (node == parent) return true; + + node = getParentNode(node); + } + return false; } - return parent; -} + /** + * Gets the parent node of an element or its host element if the parent node + * is a shadow root. + * @param {Node} node The node whose parent to get. + * @return {Node|null} The parent node or null if no parent exists. + */ + function getParentNode(node) { + var parent = node.parentNode; + + if (parent && parent.nodeType == 11 && parent.host) { + // If the parent is a shadow root, return the host element. + return parent.host; + } + if (parent && parent.assignedSlot) { + // If the parent is distributed in a , return the parent of a slot. + return parent.assignedSlot.parentNode; + } -// Exposes the constructors globally. -window.IntersectionObserver = IntersectionObserver; -window.IntersectionObserverEntry = IntersectionObserverEntry; + return parent; + } -}()); + // Exposes the constructors globally. + window.IntersectionObserver = IntersectionObserver; + window.IntersectionObserverEntry = IntersectionObserverEntry; +})(); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js index 3b4895983..24ce88ad4 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js @@ -4,4 +4,84 @@ * @license MIT */ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.VLazyImage={})}(this,function(e){"use strict";var t={props:{src:{type:String,required:!0},srcPlaceholder:{type:String,default:""},srcset:{type:String},intersectionOptions:{type:Object,default:function(){return{}}},usePicture:{type:Boolean,default:!1}},inheritAttrs:!1,data:function(){return{observer:null,intersected:!1,loaded:!1}},computed:{srcImage:function(){return this.intersected?this.src:this.srcPlaceholder},srcsetImage:function(){return!(!this.intersected||!this.srcset)&&this.srcset}},methods:{load:function(){this.$el.getAttribute("src")!==this.srcPlaceholder&&(this.loaded=!0,this.$emit("load"))}},render:function(e){var t=e("img",{attrs:{src:this.srcImage,srcset:this.srcsetImage},domProps:this.$attrs,class:{"v-lazy-image":!0,"v-lazy-image-loaded":this.loaded},on:{load:this.load}});return this.usePicture?e("picture",{on:{load:this.load}},this.intersected?[this.$slots.default,t]:[]):t},mounted:function(){var e=this;"IntersectionObserver"in window?(this.observer=new IntersectionObserver(function(t){t[0].isIntersecting&&(e.intersected=!0,e.observer.disconnect(),e.$emit("intersect"))},this.intersectionOptions),this.observer.observe(this.$el)):console.error("v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill.")},destroyed:function(){this.observer.disconnect()}},s={install:function(e,s){e.component("VLazyImage",t)}};e.default=t,e.VLazyImagePlugin=s,Object.defineProperty(e,"__esModule",{value:!0})}); +!(function (e, t) { + "object" == typeof exports && "undefined" != typeof module + ? t(exports) + : "function" == typeof define && define.amd + ? define(["exports"], t) + : t((e.VLazyImage = {})); +})(this, function (e) { + "use strict"; + var t = { + props: { + src: { type: String, required: !0 }, + srcPlaceholder: { type: String, default: "" }, + srcset: { type: String }, + intersectionOptions: { + type: Object, + default: function () { + return {}; + }, + }, + usePicture: { type: Boolean, default: !1 }, + }, + inheritAttrs: !1, + data: function () { + return { observer: null, intersected: !1, loaded: !1 }; + }, + computed: { + srcImage: function () { + return this.intersected ? this.src : this.srcPlaceholder; + }, + srcsetImage: function () { + return !(!this.intersected || !this.srcset) && this.srcset; + }, + }, + methods: { + load: function () { + this.$el.getAttribute("src") !== this.srcPlaceholder && + ((this.loaded = !0), this.$emit("load")); + }, + }, + render: function (e) { + var t = e("img", { + attrs: { src: this.srcImage, srcset: this.srcsetImage }, + domProps: this.$attrs, + class: { "v-lazy-image": !0, "v-lazy-image-loaded": this.loaded }, + on: { load: this.load }, + }); + return this.usePicture + ? e( + "picture", + { on: { load: this.load } }, + this.intersected ? [this.$slots.default, t] : [] + ) + : t; + }, + mounted: function () { + var e = this; + "IntersectionObserver" in window + ? ((this.observer = new IntersectionObserver(function (t) { + t[0].isIntersecting && + ((e.intersected = !0), + e.observer.disconnect(), + e.$emit("intersect")); + }, this.intersectionOptions)), + this.observer.observe(this.$el)) + : console.error( + "v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill." + ); + }, + destroyed: function () { + this.observer.disconnect(); + }, + }, + s = { + install: function (e, s) { + e.component("VLazyImage", t); + }, + }; + (e.default = t), + (e.VLazyImagePlugin = s), + Object.defineProperty(e, "__esModule", { value: !0 }); +}); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css index d4fb44fb0..9cef095f1 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css @@ -1,11 +1,10 @@ -@import './custom.css'; +@import "./custom.css"; @tailwind base; @tailwind components; @tailwind utilities; /* purgecss start ignore */ - /* Base Overrides */ html { @@ -21,7 +20,7 @@ html { } .enlarge-text h1:not([class]), -.enlarge-text .text-5xl:not([class*=my-]):not([class*=mt-]), +.enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { margin-top: var(--spacing-24); } @@ -60,8 +59,6 @@ h3:not([class]), letter-spacing: -0.02em; } - - h3:not([class]), .enlarge-text h4:not([class]) { margin-top: var(--spacing-12); @@ -99,7 +96,7 @@ h6:not([class]) { margin-bottom: 0; } -.enlarge-text p:not([class*=text-]), +.enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { @apply text-xl; line-height: var(--line-height-2); @@ -109,7 +106,11 @@ h6 { @apply font-bold; } -h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { +h1:not([class]), +h2:not([class]), +h3:not([class]), +h4:not([class]), +h5:not([class]) { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6); } @@ -177,28 +178,28 @@ p { /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1); + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 10; } @@ -227,10 +228,10 @@ p { } .btn-lg { - @apply py-4 px-5 text-lg + @apply py-4 px-5 text-lg; } .btn-sm { - @apply py-2 px-2 text-sm + @apply py-2 px-2 text-sm; } .btn-blue { @apply bg-blue-600 text-white; @@ -272,13 +273,12 @@ p { .media-sizeable { flex-shrink: 1 !important; } -@media (min-width: 768px){ +@media (min-width: 768px) { .media-sizeable { flex-shrink: 0 !important; } } - /* header */ [class$="components-header"] a { @apply text-sm font-medium; @@ -309,7 +309,7 @@ p { /* accordion */ [class$="components-accordion"] .img-wrapper.rounded-none img { - border-radius: 0; + border-radius: 0; } [class$="components-accordion"] .img-wrapper.rounded-sm img { border-radius: 0.125rem; @@ -324,5 +324,4 @@ p { border-radius: 9999px; } - /* purgecss end ignore */ diff --git a/ui.apps/tailwind.config.js b/ui.apps/tailwind.config.js index 7974bd391..f7eaf79f1 100644 --- a/ui.apps/tailwind.config.js +++ b/ui.apps/tailwind.config.js @@ -1,502 +1,506 @@ module.exports = { - prefix: '', + prefix: "", important: false, - separator: ':', + separator: ":", theme: { aspectRatio: { - 'square': [1, 1], - '16/9': [16, 9], - '4/3': [4, 3], - '21/9': [21, 9], + square: [1, 1], + "16/9": [16, 9], + "4/3": [4, 3], + "21/9": [21, 9], }, screens: { - sm: '640px', - md: '768px', - lg: '1024px', - xl: '1280px', + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", }, colors: { - transparent: 'transparent', + transparent: "transparent", - black: '#000', - white: '#fff', + black: "#000", + white: "#fff", gray: { - 100: 'var(--color-gray-100)', - 200: 'var(--color-gray-200)', - 300: 'var(--color-gray-300)', - 400: 'var(--color-gray-400)', - 500: 'var(--color-gray-500)', - 600: 'var(--color-gray-600)', - 700: 'var(--color-gray-700)', - 800: 'var(--color-gray-800)', - 900: 'var(--color-gray-900)', + 100: "var(--color-gray-100)", + 200: "var(--color-gray-200)", + 300: "var(--color-gray-300)", + 400: "var(--color-gray-400)", + 500: "var(--color-gray-500)", + 600: "var(--color-gray-600)", + 700: "var(--color-gray-700)", + 800: "var(--color-gray-800)", + 900: "var(--color-gray-900)", }, red: { - 100: 'var(--color-red-100)', - 200: 'var(--color-red-200)', - 300: 'var(--color-red-300)', - 400: 'var(--color-red-400)', - 500: 'var(--color-red-500)', - 600: 'var(--color-red-600)', - 700: 'var(--color-red-700)', - 800: 'var(--color-red-800)', - 900: 'var(--color-red-900)', + 100: "var(--color-red-100)", + 200: "var(--color-red-200)", + 300: "var(--color-red-300)", + 400: "var(--color-red-400)", + 500: "var(--color-red-500)", + 600: "var(--color-red-600)", + 700: "var(--color-red-700)", + 800: "var(--color-red-800)", + 900: "var(--color-red-900)", }, orange: { - 100: 'var(--color-orange-100)', - 200: 'var(--color-orange-200)', - 300: 'var(--color-orange-300)', - 400: 'var(--color-orange-400)', - 500: 'var(--color-orange-500)', - 600: 'var(--color-orange-600)', - 700: 'var(--color-orange-700)', - 800: 'var(--color-orange-800)', - 900: 'var(--color-orange-900)', + 100: "var(--color-orange-100)", + 200: "var(--color-orange-200)", + 300: "var(--color-orange-300)", + 400: "var(--color-orange-400)", + 500: "var(--color-orange-500)", + 600: "var(--color-orange-600)", + 700: "var(--color-orange-700)", + 800: "var(--color-orange-800)", + 900: "var(--color-orange-900)", }, yellow: { - 100: 'var(--color-yellow-100)', - 200: 'var(--color-yellow-200)', - 300: 'var(--color-yellow-300)', - 400: 'var(--color-yellow-400)', - 500: 'var(--color-yellow-500)', - 600: 'var(--color-yellow-600)', - 700: 'var(--color-yellow-700)', - 800: 'var(--color-yellow-800)', - 900: 'var(--color-yellow-900)', + 100: "var(--color-yellow-100)", + 200: "var(--color-yellow-200)", + 300: "var(--color-yellow-300)", + 400: "var(--color-yellow-400)", + 500: "var(--color-yellow-500)", + 600: "var(--color-yellow-600)", + 700: "var(--color-yellow-700)", + 800: "var(--color-yellow-800)", + 900: "var(--color-yellow-900)", }, green: { - 100: 'var(--color-green-100)', - 200: 'var(--color-green-200)', - 300: 'var(--color-green-300)', - 400: 'var(--color-green-400)', - 500: 'var(--color-green-500)', - 600: 'var(--color-green-600)', - 700: 'var(--color-green-700)', - 800: 'var(--color-green-800)', - 900: 'var(--color-green-900)', + 100: "var(--color-green-100)", + 200: "var(--color-green-200)", + 300: "var(--color-green-300)", + 400: "var(--color-green-400)", + 500: "var(--color-green-500)", + 600: "var(--color-green-600)", + 700: "var(--color-green-700)", + 800: "var(--color-green-800)", + 900: "var(--color-green-900)", }, teal: { - 100: 'var(--color-teal-100)', - 200: 'var(--color-teal-200)', - 300: 'var(--color-teal-300)', - 400: 'var(--color-teal-400)', - 500: 'var(--color-teal-500)', - 600: 'var(--color-teal-600)', - 700: 'var(--color-teal-700)', - 800: 'var(--color-teal-800)', - 900: 'var(--color-teal-900)', + 100: "var(--color-teal-100)", + 200: "var(--color-teal-200)", + 300: "var(--color-teal-300)", + 400: "var(--color-teal-400)", + 500: "var(--color-teal-500)", + 600: "var(--color-teal-600)", + 700: "var(--color-teal-700)", + 800: "var(--color-teal-800)", + 900: "var(--color-teal-900)", }, blue: { - 100: 'var(--color-blue-100)', - 200: 'var(--color-blue-200)', - 300: 'var(--color-blue-300)', - 400: 'var(--color-blue-400)', - 500: 'var(--color-blue-500)', - 600: 'var(--color-blue-600)', - 700: 'var(--color-blue-700)', - 800: 'var(--color-blue-800)', - 900: 'var(--color-blue-900)', + 100: "var(--color-blue-100)", + 200: "var(--color-blue-200)", + 300: "var(--color-blue-300)", + 400: "var(--color-blue-400)", + 500: "var(--color-blue-500)", + 600: "var(--color-blue-600)", + 700: "var(--color-blue-700)", + 800: "var(--color-blue-800)", + 900: "var(--color-blue-900)", }, indigo: { - 100: 'var(--color-indigo-100)', - 200: 'var(--color-indigo-200)', - 300: 'var(--color-indigo-300)', - 400: 'var(--color-indigo-400)', - 500: 'var(--color-indigo-500)', - 600: 'var(--color-indigo-600)', - 700: 'var(--color-indigo-700)', - 800: 'var(--color-indigo-800)', - 900: 'var(--color-indigo-900)', + 100: "var(--color-indigo-100)", + 200: "var(--color-indigo-200)", + 300: "var(--color-indigo-300)", + 400: "var(--color-indigo-400)", + 500: "var(--color-indigo-500)", + 600: "var(--color-indigo-600)", + 700: "var(--color-indigo-700)", + 800: "var(--color-indigo-800)", + 900: "var(--color-indigo-900)", }, purple: { - 100: 'var(--color-purple-100)', - 200: 'var(--color-purple-200)', - 300: 'var(--color-purple-300)', - 400: 'var(--color-purple-400)', - 500: 'var(--color-purple-500)', - 600: 'var(--color-purple-600)', - 700: 'var(--color-purple-700)', - 800: 'var(--color-purple-800)', - 900: 'var(--color-purple-900)', + 100: "var(--color-purple-100)", + 200: "var(--color-purple-200)", + 300: "var(--color-purple-300)", + 400: "var(--color-purple-400)", + 500: "var(--color-purple-500)", + 600: "var(--color-purple-600)", + 700: "var(--color-purple-700)", + 800: "var(--color-purple-800)", + 900: "var(--color-purple-900)", }, pink: { - 100: 'var(--color-pink-100)', - 200: 'var(--color-pink-200)', - 300: 'var(--color-pink-300)', - 400: 'var(--color-pink-400)', - 500: 'var(--color-pink-500)', - 600: 'var(--color-pink-600)', - 700: 'var(--color-pink-700)', - 800: 'var(--color-pink-800)', - 900: 'var(--color-pink-900)', + 100: "var(--color-pink-100)", + 200: "var(--color-pink-200)", + 300: "var(--color-pink-300)", + 400: "var(--color-pink-400)", + 500: "var(--color-pink-500)", + 600: "var(--color-pink-600)", + 700: "var(--color-pink-700)", + 800: "var(--color-pink-800)", + 900: "var(--color-pink-900)", }, }, spacing: { - px: '1px', - '0': 'var(--spacing-0)', - '1': 'var(--spacing-1)', - '2': 'var(--spacing-2)', - '3': 'var(--spacing-3)', - '4': 'var(--spacing-4)', - '5': 'var(--spacing-5)', - '6': 'var(--spacing-6)', - '8': 'var(--spacing-8)', - '10': 'var(--spacing-10)', - '12': 'var(--spacing-12)', - '16': 'var(--spacing-16)', - '20': 'var(--spacing-20)', - '24': 'var(--spacing-24)', - '32': 'var(--spacing-32)', - '40': 'var(--spacing-40)', - '48': 'var(--spacing-48)', - '56': 'var(--spacing-56)', - '64': 'var(--spacing-64)', + px: "1px", + 0: "var(--spacing-0)", + 1: "var(--spacing-1)", + 2: "var(--spacing-2)", + 3: "var(--spacing-3)", + 4: "var(--spacing-4)", + 5: "var(--spacing-5)", + 6: "var(--spacing-6)", + 8: "var(--spacing-8)", + 10: "var(--spacing-10)", + 12: "var(--spacing-12)", + 16: "var(--spacing-16)", + 20: "var(--spacing-20)", + 24: "var(--spacing-24)", + 32: "var(--spacing-32)", + 40: "var(--spacing-40)", + 48: "var(--spacing-48)", + 56: "var(--spacing-56)", + 64: "var(--spacing-64)", }, - backgroundColor: theme => ({ - ...theme('colors'), - primary: 'var(--bg-primary)', - secondary: 'var(--bg-secondary)' + backgroundColor: (theme) => ({ + ...theme("colors"), + primary: "var(--bg-primary)", + secondary: "var(--bg-secondary)", }), backgroundPosition: { - bottom: 'bottom', - center: 'center', - left: 'left', - 'left-bottom': 'left bottom', - 'left-top': 'left top', - right: 'right', - 'right-bottom': 'right bottom', - 'right-top': 'right top', - top: 'top', + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", }, backgroundSize: { - auto: 'auto', - cover: 'cover', - contain: 'contain', + auto: "auto", + cover: "cover", + contain: "contain", }, - borderColor: theme => ({ - ...theme('colors'), - default: theme('colors.gray.300', 'currentColor'), + borderColor: (theme) => ({ + ...theme("colors"), + default: theme("colors.gray.300", "currentColor"), }), borderRadius: { - none: '0', - sm: '0.125rem', - default: '0.25rem', - lg: '0.5rem', - full: '9999px', + none: "0", + sm: "0.125rem", + default: "0.25rem", + lg: "0.5rem", + full: "9999px", }, borderWidth: { - default: '1px', - '0': '0', - '2': '2px', - '4': '4px', - '8': '8px', + default: "1px", + 0: "0", + 2: "2px", + 4: "4px", + 8: "8px", }, boxShadow: { - default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', - md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', - lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', - xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', - '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)', - inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', - outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', - none: 'none', + default: + "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)", + md: + "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", + lg: + "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)", + xl: + "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", + "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)", + inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)", + outline: "0 0 0 3px rgba(66, 153, 225, 0.5)", + none: "none", }, container: {}, cursor: { - auto: 'auto', - default: 'default', - pointer: 'pointer', - wait: 'wait', - text: 'text', - move: 'move', - 'not-allowed': 'not-allowed', + auto: "auto", + default: "default", + pointer: "pointer", + wait: "wait", + text: "text", + move: "move", + "not-allowed": "not-allowed", }, fill: { - current: 'currentColor', + current: "currentColor", }, flex: { - '1': '1 1 0%', - auto: '1 1 auto', - initial: '0 1 auto', - none: 'none', + 1: "1 1 0%", + auto: "1 1 auto", + initial: "0 1 auto", + none: "none", }, flexGrow: { - '0': '0', - default: '1', + 0: "0", + default: "1", }, flexShrink: { - '0': '0', - default: '1', + 0: "0", + default: "1", }, fontFamily: { - sans: 'var(--font-sans)', - serif: 'var(--font-serif)', - mono: 'var(--font-mono)' + sans: "var(--font-sans)", + serif: "var(--font-serif)", + mono: "var(--font-mono)", }, fontSize: { - sm: 'var(--font-size-sm)', - base: 'var(--font-size-base)', - lg: 'var(--font-size-lg)', - xl: 'var(--font-size-xl)', - '2xl': 'var(--font-size-2xl)', - '3xl': 'var(--font-size-3xl)', - '4xl': 'var(--font-size-4xl)', - '5xl': 'var(--font-size-5xl)', - '6xl': 'var(--font-size-6xl)', + sm: "var(--font-size-sm)", + base: "var(--font-size-base)", + lg: "var(--font-size-lg)", + xl: "var(--font-size-xl)", + "2xl": "var(--font-size-2xl)", + "3xl": "var(--font-size-3xl)", + "4xl": "var(--font-size-4xl)", + "5xl": "var(--font-size-5xl)", + "6xl": "var(--font-size-6xl)", }, fontWeight: { - hairline: '100', - thin: '200', - light: '300', - normal: '400', - medium: '500', - semibold: '600', - bold: '700', - extrabold: '800', - black: '900', + hairline: "100", + thin: "200", + light: "300", + normal: "400", + medium: "500", + semibold: "600", + bold: "700", + extrabold: "800", + black: "900", }, - height: theme => ({ - auto: 'auto', - ...theme('spacing'), - full: '100%', - screen: '100vh', + height: (theme) => ({ + auto: "auto", + ...theme("spacing"), + full: "100%", + screen: "100vh", }), inset: { - '0': '0', - auto: 'auto', + 0: "0", + auto: "auto", }, letterSpacing: { - tighter: '-0.05em', - tight: '-0.025em', - normal: '0', - wide: '0.025em', - wider: '0.05em', - widest: '0.1em', + tighter: "-0.05em", + tight: "-0.025em", + normal: "0", + wide: "0.025em", + wider: "0.05em", + widest: "0.1em", }, lineHeight: { - none: '1', - tight: '1.25', - snug: '1.375', - normal: '1.5', - relaxed: '1.625', - loose: '2', + none: "1", + tight: "1.25", + snug: "1.375", + normal: "1.5", + relaxed: "1.625", + loose: "2", }, listStyleType: { - none: 'none', - disc: 'disc', - decimal: 'decimal', + none: "none", + disc: "disc", + decimal: "decimal", }, margin: (theme, { negative }) => ({ - auto: 'auto', - ...theme('spacing'), - ...negative(theme('spacing')), + auto: "auto", + ...theme("spacing"), + ...negative(theme("spacing")), }), maxHeight: { - full: '100%', - screen: '100vh', + full: "100%", + screen: "100vh", }, maxWidth: { - xs: '20rem', - sm: '24rem', - md: '28rem', - lg: '32rem', - xl: '36rem', - '2xl': '42rem', - '3xl': '48rem', - '4xl': '56rem', - '5xl': '64rem', - '6xl': '72rem', - full: '100%', + xs: "20rem", + sm: "24rem", + md: "28rem", + lg: "32rem", + xl: "36rem", + "2xl": "42rem", + "3xl": "48rem", + "4xl": "56rem", + "5xl": "64rem", + "6xl": "72rem", + full: "100%", }, minHeight: { - '0': '0', - full: '100%', - screen: '100vh', - '1': '1px', + 0: "0", + full: "100%", + screen: "100vh", + 1: "1px", }, minWidth: { - '0': '0', - full: '100%', + 0: "0", + full: "100%", }, objectPosition: { - bottom: 'bottom', - center: 'center', - left: 'left', - 'left-bottom': 'left bottom', - 'left-top': 'left top', - right: 'right', - 'right-bottom': 'right bottom', - 'right-top': 'right top', - top: 'top', + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", }, opacity: { - '0': '0', - '25': '0.25', - '50': '0.5', - '75': '0.75', - '100': '1', + 0: "0", + 25: "0.25", + 50: "0.5", + 75: "0.75", + 100: "1", }, order: { - first: '-9999', - last: '9999', - none: '0', - '1': '1', - '2': '2', - '3': '3', - '4': '4', - '5': '5', - '6': '6', - '7': '7', - '8': '8', - '9': '9', - '10': '10', - '11': '11', - '12': '12', + first: "-9999", + last: "9999", + none: "0", + 1: "1", + 2: "2", + 3: "3", + 4: "4", + 5: "5", + 6: "6", + 7: "7", + 8: "8", + 9: "9", + 10: "10", + 11: "11", + 12: "12", }, - padding: theme => theme('spacing'), + padding: (theme) => theme("spacing"), stroke: { - current: 'currentColor', + current: "currentColor", }, - textColor: theme => theme('colors'), - width: theme => ({ - auto: 'auto', - ...theme('spacing'), - '1/2': '50%', - '1/3': '33.33333%', - '2/3': '66.66667%', - '1/4': '25%', - '2/4': '50%', - '3/4': '75%', - '1/5': '20%', - '2/5': '40%', - '3/5': '60%', - '4/5': '80%', - '1/6': '16.66667%', - '2/6': '33.33333%', - '3/6': '50%', - '4/6': '66.66667%', - '5/6': '83.33333%', - '1/12': '8.33333%', - '2/12': '16.66667%', - '3/12': '25%', - '4/12': '33.33333%', - '5/12': '41.66667%', - '6/12': '50%', - '7/12': '58.33333%', - '8/12': '66.66667%', - '9/12': '75%', - '10/12': '83.33333%', - '11/12': '91.66667%', - full: '100%', - screen: '100vw', + textColor: (theme) => theme("colors"), + width: (theme) => ({ + auto: "auto", + ...theme("spacing"), + "1/2": "50%", + "1/3": "33.33333%", + "2/3": "66.66667%", + "1/4": "25%", + "2/4": "50%", + "3/4": "75%", + "1/5": "20%", + "2/5": "40%", + "3/5": "60%", + "4/5": "80%", + "1/6": "16.66667%", + "2/6": "33.33333%", + "3/6": "50%", + "4/6": "66.66667%", + "5/6": "83.33333%", + "1/12": "8.33333%", + "2/12": "16.66667%", + "3/12": "25%", + "4/12": "33.33333%", + "5/12": "41.66667%", + "6/12": "50%", + "7/12": "58.33333%", + "8/12": "66.66667%", + "9/12": "75%", + "10/12": "83.33333%", + "11/12": "91.66667%", + full: "100%", + screen: "100vw", }), zIndex: { - auto: 'auto', - '0': '0', - '10': '10', - '20': '20', - '30': '30', - '40': '40', - '50': '50', + auto: "auto", + 0: "0", + 10: "10", + 20: "20", + 30: "30", + 40: "40", + 50: "50", }, }, variants: { - alignContent: ['responsive'], - alignItems: ['responsive'], - alignSelf: ['responsive'], - aspectRatio: ['responsive'], - appearance: ['responsive'], - backgroundAttachment: ['responsive'], - backgroundColor: ['responsive', 'hover', 'focus'], - backgroundPosition: ['responsive'], - backgroundRepeat: ['responsive'], - backgroundSize: ['responsive'], - borderCollapse: ['responsive'], - borderColor: ['responsive', 'hover', 'focus'], - borderRadius: ['responsive'], - borderStyle: ['responsive'], - borderWidth: ['responsive'], - boxShadow: ['responsive', 'hover', 'focus'], - cursor: ['responsive'], - display: ['responsive'], - fill: ['responsive'], - flex: ['responsive'], - flexDirection: ['responsive'], - flexGrow: ['responsive'], - flexShrink: ['responsive'], - flexWrap: ['responsive'], - float: ['responsive'], - fontFamily: ['responsive'], - fontSize: ['responsive'], - fontSmoothing: ['responsive'], - fontStyle: ['responsive'], - fontWeight: ['responsive', 'hover', 'focus'], - height: ['responsive'], - inset: ['responsive'], - justifyContent: ['responsive'], - letterSpacing: ['responsive'], - lineHeight: ['responsive'], - listStylePosition: ['responsive'], - listStyleType: ['responsive'], - margin: ['responsive'], - maxHeight: ['responsive'], - maxWidth: ['responsive'], - minHeight: ['responsive'], - minWidth: ['responsive'], - objectFit: ['responsive'], - objectPosition: ['responsive'], - opacity: ['responsive'], - order: ['responsive'], - outline: ['responsive', 'focus'], - overflow: ['responsive'], - padding: ['responsive'], - pointerEvents: ['responsive'], - position: ['responsive'], - resize: ['responsive'], - stroke: ['responsive'], - tableLayout: ['responsive'], - textAlign: ['responsive'], - textColor: ['responsive', 'hover', 'focus'], - textDecoration: ['responsive', 'hover', 'focus'], - textTransform: ['responsive'], - userSelect: ['responsive'], - verticalAlign: ['responsive'], - visibility: ['responsive'], - whitespace: ['responsive'], - width: ['responsive'], - wordBreak: ['responsive'], - zIndex: ['responsive'], + alignContent: ["responsive"], + alignItems: ["responsive"], + alignSelf: ["responsive"], + aspectRatio: ["responsive"], + appearance: ["responsive"], + backgroundAttachment: ["responsive"], + backgroundColor: ["responsive", "hover", "focus"], + backgroundPosition: ["responsive"], + backgroundRepeat: ["responsive"], + backgroundSize: ["responsive"], + borderCollapse: ["responsive"], + borderColor: ["responsive", "hover", "focus"], + borderRadius: ["responsive"], + borderStyle: ["responsive"], + borderWidth: ["responsive"], + boxShadow: ["responsive", "hover", "focus"], + cursor: ["responsive"], + display: ["responsive"], + fill: ["responsive"], + flex: ["responsive"], + flexDirection: ["responsive"], + flexGrow: ["responsive"], + flexShrink: ["responsive"], + flexWrap: ["responsive"], + float: ["responsive"], + fontFamily: ["responsive"], + fontSize: ["responsive"], + fontSmoothing: ["responsive"], + fontStyle: ["responsive"], + fontWeight: ["responsive", "hover", "focus"], + height: ["responsive"], + inset: ["responsive"], + justifyContent: ["responsive"], + letterSpacing: ["responsive"], + lineHeight: ["responsive"], + listStylePosition: ["responsive"], + listStyleType: ["responsive"], + margin: ["responsive"], + maxHeight: ["responsive"], + maxWidth: ["responsive"], + minHeight: ["responsive"], + minWidth: ["responsive"], + objectFit: ["responsive"], + objectPosition: ["responsive"], + opacity: ["responsive"], + order: ["responsive"], + outline: ["responsive", "focus"], + overflow: ["responsive"], + padding: ["responsive"], + pointerEvents: ["responsive"], + position: ["responsive"], + resize: ["responsive"], + stroke: ["responsive"], + tableLayout: ["responsive"], + textAlign: ["responsive"], + textColor: ["responsive", "hover", "focus"], + textDecoration: ["responsive", "hover", "focus"], + textTransform: ["responsive"], + userSelect: ["responsive"], + verticalAlign: ["responsive"], + visibility: ["responsive"], + whitespace: ["responsive"], + width: ["responsive"], + wordBreak: ["responsive"], + zIndex: ["responsive"], }, corePlugins: {}, plugins: [ - require('tailwindcss-aspect-ratio'), - require('tailwindcss-transitions')({ - variants: ['responsive'], + require("tailwindcss-aspect-ratio"), + require("tailwindcss-transitions")({ + variants: ["responsive"], properties: { - 'opacity': 'opacity', - 'height': 'height', + opacity: "opacity", + height: "height", }, durations: { - 'default': '200ms', - '100': '100ms', - '200': '200ms', - '300': '300ms', - '400': '400ms', - '500': '500ms', + default: "200ms", + 100: "100ms", + 200: "200ms", + 300: "300ms", + 400: "400ms", + 500: "500ms", }, timingFunctions: { - 'default': 'ease', - 'ease': 'ease', - 'linear': 'linear' + default: "ease", + ease: "ease", + linear: "linear", }, delays: { - 'none': '0s', + none: "0s", }, willChange: { - 'opacity': 'opacity', - 'transform': 'transform', + opacity: "opacity", + transform: "transform", }, }), ], -} +}; diff --git a/variation-fragments/background/background-color.json b/variation-fragments/background/background-color.json index a11472464..9f9cbd745 100644 --- a/variation-fragments/background/background-color.json +++ b/variation-fragments/background/background-color.json @@ -3,4 +3,4 @@ "bgsize": "cover", "backgroundtype": "color", "bgcolor": "#ff80c0" -} \ No newline at end of file +} diff --git a/variation-fragments/background/background-gradient.json b/variation-fragments/background/background-gradient.json index 059a644c0..005d3a4f6 100644 --- a/variation-fragments/background/background-gradient.json +++ b/variation-fragments/background/background-gradient.json @@ -4,4 +4,4 @@ "backgroundtype": "gradient", "bgcolor": "#ff8040", "color2": "#0080ff" -} \ No newline at end of file +} diff --git a/variation-fragments/background/background-image.json b/variation-fragments/background/background-image.json index 7965dd700..033861b19 100644 --- a/variation-fragments/background/background-image.json +++ b/variation-fragments/background/background-image.json @@ -3,4 +3,4 @@ "bgsize": "cover", "backgroundtype": "image", "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" -} \ No newline at end of file +} diff --git a/variation-fragments/background/background-none.json b/variation-fragments/background/background-none.json index fdb0a37f0..427208a8b 100644 --- a/variation-fragments/background/background-none.json +++ b/variation-fragments/background/background-none.json @@ -1,3 +1,3 @@ { "custombackground": "false" -} \ No newline at end of file +} diff --git a/variation-fragments/background/background-video.json b/variation-fragments/background/background-video.json index 9b26db420..f35bc713b 100644 --- a/variation-fragments/background/background-video.json +++ b/variation-fragments/background/background-video.json @@ -3,4 +3,4 @@ "bgsize": "cover", "backgroundtype": "video", "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM" -} \ No newline at end of file +} diff --git a/variation-fragments/colorscheme/colorscheme-dark.json b/variation-fragments/colorscheme/colorscheme-dark.json index a45e0def0..b9b276a6a 100644 --- a/variation-fragments/colorscheme/colorscheme-dark.json +++ b/variation-fragments/colorscheme/colorscheme-dark.json @@ -1,3 +1,3 @@ { "colorscheme": "dark" -} \ No newline at end of file +} diff --git a/variation-fragments/colorscheme/colorscheme-light.json b/variation-fragments/colorscheme/colorscheme-light.json index be34d768a..74324aab1 100644 --- a/variation-fragments/colorscheme/colorscheme-light.json +++ b/variation-fragments/colorscheme/colorscheme-light.json @@ -1,3 +1,3 @@ { "colorscheme": "light" -} \ No newline at end of file +} diff --git a/variation-fragments/colorscheme/colorscheme-none.json b/variation-fragments/colorscheme/colorscheme-none.json index c5742e7eb..2414972dd 100644 --- a/variation-fragments/colorscheme/colorscheme-none.json +++ b/variation-fragments/colorscheme/colorscheme-none.json @@ -1,3 +1,3 @@ { "colorscheme": "" -} \ No newline at end of file +} diff --git a/variation-fragments/fullheight/fullheight-false.json b/variation-fragments/fullheight/fullheight-false.json index d90b08f30..dad738491 100644 --- a/variation-fragments/fullheight/fullheight-false.json +++ b/variation-fragments/fullheight/fullheight-false.json @@ -1,3 +1,3 @@ { "fullheight": "false" -} \ No newline at end of file +} diff --git a/variation-fragments/fullheight/fullheight-true.json b/variation-fragments/fullheight/fullheight-true.json index 202e8f074..99542c3c4 100644 --- a/variation-fragments/fullheight/fullheight-true.json +++ b/variation-fragments/fullheight/fullheight-true.json @@ -1,3 +1,3 @@ { "fullheight": "true" -} \ No newline at end of file +} From 34db5551932d29553ef6f98c25fb677dae659685 Mon Sep 17 00:00:00 2001 From: Ruben Reusser Date: Wed, 14 Apr 2021 10:53:04 -0700 Subject: [PATCH 2/3] update to tabs, 4 spaces and indentation in vuejs --- .github/ISSUE_TEMPLATE/bug_report.md | 6 +- .prettierrc.json | 6 +- .properties/settings.json | 2 +- .travis.yml | 6 +- .../themecleanflex/models/AccordionModel.java | 698 +- .../com/themecleanflex/models/BlockModel.java | 434 +- .../models/BreadcrumbModel.java | 643 +- .../com/themecleanflex/models/CardModel.java | 186 +- .../com/themecleanflex/models/CardsModel.java | 662 +- .../themecleanflex/models/CarouselModel.java | 628 +- .../com/themecleanflex/models/CodeModel.java | 488 +- .../themecleanflex/models/ContainerModel.java | 170 +- .../models/ContainerblockModel.java | 454 +- .../themecleanflex/models/FooterModel.java | 636 +- .../themecleanflex/models/HeaderModel.java | 638 +- .../com/themecleanflex/models/MediaModel.java | 180 +- .../models/MediablockModel.java | 546 +- .../models/MenubuttonsModel.java | 56 +- .../models/NavigationModel.java | 708 +- .../com/themecleanflex/models/NoteModel.java | 472 +- .../themecleanflex/models/PagelistModel.java | 996 +- .../models/PagelistnestedModel.java | 26 +- .../com/themecleanflex/models/PagerModel.java | 805 +- .../com/themecleanflex/models/QuoteModel.java | 472 +- .../themecleanflex/models/ReferenceModel.java | 659 +- .../themecleanflex/models/RichtextModel.java | 602 +- .../models/SimpletextModel.java | 472 +- .../models/SocialiconsModel.java | 86 +- .../themecleanflex/models/SpacerModel.java | 320 +- .../com/themecleanflex/models/TabsModel.java | 694 +- .../com/themecleanflex/models/TagsModel.java | 490 +- .../models/TeaserhorizontalModel.java | 676 +- .../models/TeaserverticalModel.java | 826 +- .../themecleanflex/models/TextlinksModel.java | 56 +- fragments/accordion/hatch.js | 146 +- fragments/accordion/model.json | 256 +- fragments/accordion/sample-accordiondark.json | 58 +- .../accordion/sample-accordionmedia.json | 58 +- fragments/accordion/sample-bg.json | 68 +- fragments/accordion/sample-blank.json | 10 +- fragments/accordion/sample-empty.json | 10 +- fragments/accordion/sample-rte.json | 58 +- fragments/accordion/sample-toggle.json | 58 +- fragments/accordion/sample-togglemedia.json | 60 +- fragments/accordion/sample.json | 58 +- fragments/accordion/template.html | 82 +- fragments/accordion/template.vue | 300 +- fragments/block/hatch.js | 72 +- fragments/block/model-spacer.json | 362 +- fragments/block/model.json | 536 +- fragments/block/template.html | 12 +- fragments/block/template.vue | 273 +- fragments/breadcrumb/hatch.js | 50 +- fragments/breadcrumb/model.json | 108 +- fragments/breadcrumb/sample.json | 16 +- fragments/breadcrumb/template.html | 8 +- fragments/breadcrumb/template.vue | 92 +- fragments/cards/hatch.js | 156 +- fragments/cards/model.json | 520 +- fragments/cards/sample-blank.json | 18 +- fragments/cards/sample-cardsnobackground.json | 116 +- fragments/cards/sample-empty.json | 10 +- fragments/cards/sample-rte.json | 90 +- fragments/cards/sample.json | 120 +- fragments/cards/template.html | 45 +- fragments/cards/template.vue | 215 +- fragments/carousel/hatch.js | 127 +- fragments/carousel/model.json | 284 +- fragments/carousel/sample-blank.json | 10 +- fragments/carousel/sample-empty.json | 10 +- fragments/carousel/sample-owl.json | 56 +- fragments/carousel/sample-rte.json | 54 +- fragments/carousel/sample.json | 60 +- fragments/carousel/template.html | 34 +- fragments/carousel/template.vue | 142 +- fragments/code/hatch.js | 44 +- fragments/code/model.json | 64 +- fragments/code/readme.md | 4 +- fragments/code/sample-blank.json | 12 +- fragments/code/sample.json | 14 +- fragments/code/template.vue | 96 +- fragments/container/hatch.js | 16 +- fragments/container/model.json | 268 +- fragments/container/sample.json | 6 +- fragments/container/template.vue | 82 +- fragments/containerblock/hatch.js | 16 +- fragments/containerblock/model.json | 86 +- fragments/containerblock/sample.json | 6 +- fragments/containerblock/template.vue | 86 +- fragments/footer/hatch.js | 86 +- fragments/footer/model.json | 178 +- fragments/footer/sample-blank.json | 10 +- fragments/footer/sample-empty.json | 10 +- fragments/footer/sample-light.json | 114 +- fragments/footer/sample-rte.json | 114 +- fragments/footer/sample.json | 114 +- fragments/footer/template.html | 38 +- fragments/footer/template.vue | 122 +- fragments/header/hatch.js | 136 +- fragments/header/model.json | 158 +- fragments/header/sample-blank.json | 6 +- fragments/header/sample-dark.json | 80 +- fragments/header/sample-empty.json | 6 +- fragments/header/sample.json | 80 +- fragments/header/template.html | 52 +- fragments/header/template.vue | 206 +- fragments/media/hatch.js | 10 +- fragments/media/model.json | 128 +- fragments/media/template.html | 12 +- fragments/media/template.vue | 28 +- fragments/mediablock/hatch.js | 18 +- fragments/mediablock/model.json | 34 +- fragments/mediablock/sample-blank.json | 6 +- fragments/mediablock/sample-empty.json | 6 +- fragments/mediablock/sample-image.json | 20 +- fragments/mediablock/sample.json | 20 +- fragments/mediablock/template.html | 8 +- fragments/mediablock/template.vue | 40 +- fragments/mediavisible/hatch.js | 10 +- fragments/mediavisible/model.json | 146 +- fragments/mediavisible/template.html | 26 +- fragments/mediavisible/template.vue | 8 +- fragments/menubuttons/hatch.js | 18 +- fragments/menubuttons/model.json | 178 +- fragments/menubuttons/sample.json | 42 +- fragments/menubuttons/template.html | 8 +- fragments/menubuttons/template.vue | 50 +- fragments/navigation/hatch.js | 80 +- fragments/navigation/model.json | 102 +- fragments/navigation/sample-blank.json | 6 +- fragments/navigation/sample-empty.json | 6 +- fragments/navigation/sample.json | 16 +- fragments/navigation/template.html | 16 +- fragments/navigation/template.vue | 159 +- fragments/note/hatch.js | 14 +- fragments/note/model.json | 98 +- fragments/note/sample-blank.json | 6 +- fragments/note/sample-caution.json | 16 +- fragments/note/sample-important.json | 16 +- fragments/note/sample-note.json | 16 +- fragments/note/sample-rte.json | 14 +- fragments/note/sample-tip.json | 16 +- fragments/note/sample-warning-dark.json | 18 +- fragments/note/sample-warning.json | 16 +- fragments/note/sample.json | 14 +- fragments/note/template.html | 2 +- fragments/note/template.vue | 42 +- fragments/pagelist/hatch.js | 130 +- fragments/pagelist/model.json | 160 +- fragments/pagelist/sample-blank.json | 6 +- fragments/pagelist/sample-empty.json | 6 +- fragments/pagelist/sample.json | 16 +- fragments/pagelist/template.html | 76 +- fragments/pagelist/template.vue | 165 +- fragments/pagelistnested/hatch.js | 44 +- fragments/pagelistnested/model.json | 14 +- fragments/pagelistnested/sample.json | 6 +- fragments/pagelistnested/template.html | 28 +- fragments/pagelistnested/template.vue | 46 +- fragments/pager/hatch.js | 38 +- fragments/pager/model.json | 250 +- fragments/pager/sample-blank.json | 6 +- fragments/pager/sample-empty.json | 6 +- fragments/pager/sample.json | 18 +- fragments/pager/template.html | 4 +- fragments/pager/template.vue | 110 +- fragments/quote/hatch.js | 22 +- fragments/quote/model.json | 56 +- fragments/quote/sample-blank.json | 6 +- fragments/quote/sample-blockquote.json | 18 +- fragments/quote/sample-largequote.json | 18 +- fragments/quote/sample-rte.json | 18 +- fragments/quote/sample.json | 18 +- fragments/quote/template.vue | 52 +- fragments/reference/hatch.js | 30 +- fragments/reference/htmltovue.js | 30 +- fragments/reference/model.json | 56 +- fragments/reference/sample.json | 10 +- fragments/reference/template.html | 8 +- fragments/reference/template.vue | 122 +- fragments/richtext/hatch.js | 40 +- fragments/richtext/model.json | 86 +- fragments/richtext/sample-allstyles.json | 12 +- fragments/richtext/sample-blank.json | 6 +- fragments/richtext/sample-empty.json | 6 +- fragments/richtext/sample-media.json | 26 +- fragments/richtext/sample.json | 12 +- fragments/richtext/template.html | 8 +- fragments/richtext/template.vue | 74 +- fragments/simpletext/hatch.js | 24 +- fragments/simpletext/model.json | 108 +- fragments/simpletext/sample-blank.json | 10 +- fragments/simpletext/sample-empty.json | 6 +- fragments/simpletext/sample-h1.json | 12 +- fragments/simpletext/sample-h2.json | 12 +- fragments/simpletext/sample.json | 12 +- fragments/simpletext/template.vue | 54 +- fragments/socialicons/hatch.js | 28 +- fragments/socialicons/model.json | 124 +- fragments/socialicons/sample.json | 62 +- fragments/socialicons/template.html | 14 +- fragments/socialicons/template.vue | 52 +- fragments/spacer/hatch.js | 18 +- fragments/spacer/model.json | 44 +- fragments/spacer/sample-blank.json | 10 +- fragments/spacer/sample-empty.json | 6 +- fragments/spacer/sample-image.json | 16 +- fragments/spacer/sample.json | 10 +- fragments/spacer/template.html | 2 +- fragments/spacer/template.vue | 34 +- fragments/tabs/hatch.js | 117 +- fragments/tabs/model.json | 244 +- fragments/tabs/sample-blank.json | 10 +- fragments/tabs/sample-empty.json | 10 +- fragments/tabs/sample-media.json | 62 +- fragments/tabs/sample-rte.json | 60 +- fragments/tabs/sample.json | 60 +- fragments/tabs/template.html | 55 +- fragments/tabs/template.vue | 203 +- fragments/tags/hatch.js | 44 +- fragments/tags/model.json | 116 +- fragments/tags/sample.json | 14 +- fragments/tags/template.html | 10 +- fragments/tags/template.vue | 86 +- fragments/teaserhorizontal/hatch.js | 84 +- fragments/teaserhorizontal/model.json | 416 +- fragments/teaserhorizontal/sample-blank.json | 6 +- fragments/teaserhorizontal/sample-empty.json | 6 +- fragments/teaserhorizontal/sample-rte.json | 72 +- fragments/teaserhorizontal/sample.json | 72 +- fragments/teaserhorizontal/template.html | 30 +- fragments/teaserhorizontal/template.vue | 186 +- fragments/teaservertical/hatch.js | 100 +- fragments/teaservertical/model.json | 478 +- fragments/teaservertical/sample-blank.json | 6 +- fragments/teaservertical/sample-empty.json | 6 +- .../teaservertical/sample-mediateaser.json | 78 +- fragments/teaservertical/sample-rte.json | 66 +- .../teaservertical/sample-teaserfull.json | 70 +- fragments/teaservertical/sample.json | 66 +- fragments/teaservertical/template.html | 40 +- fragments/teaservertical/template.vue | 216 +- fragments/textlinks/hatch.js | 20 +- fragments/textlinks/model.json | 128 +- fragments/textlinks/sample.json | 42 +- fragments/textlinks/template.html | 12 +- fragments/textlinks/template.vue | 59 +- ui.apps/package-lock.json | 13398 ++++++++-------- ui.apps/package.json | 116 +- ui.apps/postcss.config.js | 274 +- .../main/content/buildscripts/buildicons.js | 58 +- .../src/main/content/buildscripts/buildvue.js | 148 +- .../main/content/buildscripts/cl-fragments.js | 116 +- ui.apps/src/main/content/buildscripts/cl.js | 266 +- .../main/content/buildscripts/validatepage.js | 272 +- .../main/content/buildscripts/variations.js | 78 +- .../components/accordion/dialog.json | 938 +- .../components/accordion/template.vue | 300 +- .../components/block/dialog.json | 556 +- .../components/block/template.vue | 273 +- .../components/breadcrumb/dialog.json | 648 +- .../components/breadcrumb/template.vue | 92 +- .../components/cards/dialog.json | 1096 +- .../components/cards/template.vue | 215 +- .../components/carousel/dialog.json | 864 +- .../components/carousel/template.vue | 142 +- .../components/code/dialog.json | 616 +- .../components/code/template.vue | 96 +- .../components/container/dialog.json | 250 +- .../components/container/template.vue | 82 +- .../components/containerblock/dialog.json | 624 +- .../components/containerblock/template.vue | 86 +- .../components/footer/dialog.json | 850 +- .../components/footer/template.vue | 122 +- .../components/header/dialog.json | 974 +- .../components/header/template.vue | 206 +- .../components/media/template.vue | 118 +- .../components/mediablock/dialog.json | 662 +- .../components/mediablock/template.vue | 40 +- .../components/mediavisible/template.vue | 52 +- .../components/menubuttons/dialog.json | 188 +- .../components/menubuttons/template.vue | 50 +- .../components/navigation/dialog.json | 646 +- .../components/navigation/template.vue | 159 +- .../components/note/dialog.json | 640 +- .../components/note/template.vue | 42 +- .../components/page/iconsprites.html | 184 +- .../components/page/renderer.html | 56 +- .../components/page/serviceworker.html | 53 +- .../components/page/template.vue | 106 +- .../components/pagelist/dialog.json | 724 +- .../components/pagelist/template.vue | 165 +- .../components/pagelistnested/dialog.json | 2 +- .../components/pagelistnested/template.vue | 46 +- .../components/pager/dialog.json | 804 +- .../components/pager/template.vue | 110 +- .../components/quote/dialog.json | 604 +- .../components/quote/template.vue | 52 +- .../components/reference/dialog.json | 598 +- .../components/reference/template.vue | 122 +- .../components/richtext/dialog.json | 750 +- .../components/richtext/template.vue | 74 +- .../components/simpletext/dialog.json | 648 +- .../components/simpletext/template.vue | 54 +- .../components/socialicons/dialog.json | 146 +- .../components/socialicons/template.vue | 52 +- .../components/spacer/dialog.json | 402 +- .../components/spacer/template.vue | 34 +- .../components/tabs/dialog.json | 932 +- .../components/tabs/template.vue | 203 +- .../components/tags/dialog.json | 656 +- .../components/tags/template.vue | 86 +- .../components/teaserhorizontal/dialog.json | 998 +- .../components/teaserhorizontal/template.vue | 186 +- .../components/teaservertical/dialog.json | 1180 +- .../components/teaservertical/template.vue | 216 +- .../components/textlinks/dialog.json | 140 +- .../components/textlinks/template.vue | 59 +- .../themecleanflex/pages/css/commons.css | 134 +- .../themecleanflex/pages/css/custom.css | 30 +- .../themecleanflex/pages/css/palette.css | 174 +- .../css/palettes-attic/balanced-color.css | 42 +- .../pages/css/palettes-attic/basic-maroon.css | 38 +- .../pages/css/palettes-attic/classy.css | 42 +- .../pages/css/palettes-attic/lime.css | 42 +- .../pages/css/palettes-attic/multi-color.css | 38 +- .../pages/css/palettes-attic/sharp-blue.css | 42 +- .../pages/css/palettes-attic/sunshine.css | 42 +- .../pages/css/palettes-attic/warm-tones.css | 42 +- .../pages/css/palettes/dawn.css | 260 +- .../pages/css/palettes/default.css | 206 +- .../pages/css/palettes/ocean.css | 228 +- .../themecleanflex/pages/js/site-analytics.js | 32 +- .../themecleanflex/pages/manifest.json | 56 +- .../themecleanflex/pages/serviceworker.js | 94 +- .../etc/felibs/themecleanflex/css/build.css | 1688 +- .../etc/felibs/themecleanflex/css/colors.css | 180 +- .../etc/felibs/themecleanflex/custom.css | 80 +- .../dependencies/intersection-observer.js | 1465 +- .../dependencies/v-lazy-image.min.js | 159 +- .../etc/felibs/themecleanflex/styles.css | 200 +- ui.apps/tailwind.config.js | 1004 +- .../background/background-color.json | 8 +- .../background/background-gradient.json | 10 +- .../background/background-image.json | 8 +- .../background/background-none.json | 2 +- .../background/background-video.json | 8 +- .../colorscheme/colorscheme-dark.json | 2 +- .../colorscheme/colorscheme-light.json | 2 +- .../colorscheme/colorscheme-none.json | 2 +- .../fullheight/fullheight-false.json | 2 +- .../fullheight/fullheight-true.json | 2 +- 352 files changed, 36386 insertions(+), 36060 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index e56ff0dc1..9de7ddfa1 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -25,9 +25,9 @@ If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** -- Browser [e.g. chrome, safari] -- Version [e.g. 22] -- OS: [e.g. iOS] +- Browser [e.g. chrome, safari] +- Version [e.g. 22] +- OS: [e.g. iOS] **Additional context** Add any other context about the problem here. diff --git a/.prettierrc.json b/.prettierrc.json index 0967ef424..98dde0fe7 100644 --- a/.prettierrc.json +++ b/.prettierrc.json @@ -1 +1,5 @@ -{} +{ + "tabWidth": 4, + "useTabs": true, + "vueIndentScriptAndStyle": true +} diff --git a/.properties/settings.json b/.properties/settings.json index edcb16be8..f3e7d1460 100644 --- a/.properties/settings.json +++ b/.properties/settings.json @@ -1,3 +1,3 @@ { - "appname": "themecleanflex" + "appname": "themecleanflex" } diff --git a/.travis.yml b/.travis.yml index c65599372..03fa3c1db 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,8 +1,8 @@ language: java branches: - only: - - develop + only: + - develop jdk: - - openjdk8 + - openjdk8 diff --git a/core/src/main/java/com/themecleanflex/models/AccordionModel.java b/core/src/main/java/com/themecleanflex/models/AccordionModel.java index 1164954b1..bd3e29893 100644 --- a/core/src/main/java/com/themecleanflex/models/AccordionModel.java +++ b/core/src/main/java/com/themecleanflex/models/AccordionModel.java @@ -490,359 +490,359 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/accordion", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/accordion", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class AccordionModel extends AbstractComponent { - public AccordionModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ - @Inject - @Default(values = "accordion") - private String toggletype; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values = "") - private String imagesrc; - - @Inject - @ImageInfo(name = "imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values = "") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values = "before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values = "true") - private String cardborder; - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ - @Inject - @Default(values = "none") - private String roundedcorners; - - /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - @Inject - private List accordiontoggle; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ - public String getToggletype() { - return toggletype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getCardborder() { - return cardborder; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ - public String getRoundedcorners() { - return roundedcorners; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - public List getAccordiontoggle() { - return accordiontoggle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public AccordionModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + @Inject + @Default(values = "accordion") + private String toggletype; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String cardborder; + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ + @Inject + @Default(values = "none") + private String roundedcorners; + + /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + @Inject + private List accordiontoggle; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Style","x-form-group":"style","x-form-type":"materialradio","x-default":"accordion","properties":{"toggle":{"x-form-name":"Toggle","x-form-value":"toggle"},"accordion":{"x-form-name":"Accordion","x-form-value":"accordion"}}} */ + public String getToggletype() { + return toggletype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getCardborder() { + return cardborder; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-group":"style","x-form-type":"materialselect","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"},"full":{"x-form-name":"full","x-form-value":"full"}}} */ + public String getRoundedcorners() { + return roundedcorners; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Accordion/Toggle","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + public List getAccordiontoggle() { + return accordiontoggle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BlockModel.java b/core/src/main/java/com/themecleanflex/models/BlockModel.java index 558aa27b2..ef2502ed7 100644 --- a/core/src/main/java/com/themecleanflex/models/BlockModel.java +++ b/core/src/main/java/com/themecleanflex/models/BlockModel.java @@ -291,227 +291,227 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/block", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/block", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class BlockModel extends AbstractComponent { - public BlockModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public BlockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java index aa74601ca..2dab269d0 100644 --- a/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java +++ b/core/src/main/java/com/themecleanflex/models/BreadcrumbModel.java @@ -350,328 +350,333 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/breadcrumb", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/breadcrumb", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class BreadcrumbModel extends AbstractComponent { - public BreadcrumbModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ - @Inject - private String level; - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "primary") - private String linkcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ - public String getLevel() { - return level; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] - private static final Logger LOG = LoggerFactory.getLogger( - BreadcrumbModel.class - ); - - public List links; - - /* Method to recursively get child page links, given a root page path */ - public List getLinks() { - links = new ArrayList(); - if (Integer.parseInt(getLevel()) > 0) { - Resource page = getRootResource(); - LOG.debug("page: {}", page); - return getDeepLinks(page != null ? page : getResource()); - } else { - return null; - } - } - - private List getDeepLinks(Resource resource) { - try { - ValueMap props = resource.getValueMap(); - String resourceType = props.get("jcr:primaryType", "type not found"); - // we only care about per:page child - if (resourceType.equals("per:Page")) { - Resource index = resource.getChild("index"); - if (index == null) { - index = resource; - } - - final String path = index.getPath(); - TextLink link = new TextLink(path, getPageTitle(path)); - links.add(0, link); - } - // move on to its parent resource - final Resource parent = resource.getParent(); - if (parent != null && links.size() < Integer.parseInt(getLevel())) { - getDeepLinks(parent); - } - } catch (Exception e) { - LOG.error("getDeepLinks error: {}", e); - } - - if ( - links.size() >= 2 && links.get(0).getLink().equals(links.get(1).getLink()) - ) { - links.remove(0); - } - return links; - } - - private String getPageTitle(String pageUrl) { - try { - String resourcePath = pageUrl + "/jcr:content"; - ResourceResolver resourceResolver = getResource().getResourceResolver(); - ValueMap props = resourceResolver - .getResource(resourcePath) - .adaptTo(ValueMap.class); - return props.get("jcr:title", "title not found"); - } catch (Exception e) { - LOG.error("getPageTitle error: {}", e); - return "title not found...."; - } - } - - private class TextLink { - - public TextLink(String link, String text) { - this.link = link; - this.text = text; - } - - private String link; - private String text; - - public String getLink() { - return link; - } - - public String getText() { - return text; - } - } + public BreadcrumbModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + @Inject + private String level; + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "primary") + private String linkcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Number Of Levels","x-form-group":"content","x-form-type":"number"} */ + public String getLevel() { + return level; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + private static final Logger LOG = LoggerFactory.getLogger( + BreadcrumbModel.class + ); + + public List links; + + /* Method to recursively get child page links, given a root page path */ + public List getLinks() { + links = new ArrayList(); + if (Integer.parseInt(getLevel()) > 0) { + Resource page = getRootResource(); + LOG.debug("page: {}", page); + return getDeepLinks(page != null ? page : getResource()); + } else { + return null; + } + } + + private List getDeepLinks(Resource resource) { + try { + ValueMap props = resource.getValueMap(); + String resourceType = props.get( + "jcr:primaryType", + "type not found" + ); + // we only care about per:page child + if (resourceType.equals("per:Page")) { + Resource index = resource.getChild("index"); + if (index == null) { + index = resource; + } + + final String path = index.getPath(); + TextLink link = new TextLink(path, getPageTitle(path)); + links.add(0, link); + } + // move on to its parent resource + final Resource parent = resource.getParent(); + if (parent != null && links.size() < Integer.parseInt(getLevel())) { + getDeepLinks(parent); + } + } catch (Exception e) { + LOG.error("getDeepLinks error: {}", e); + } + + if ( + links.size() >= 2 && + links.get(0).getLink().equals(links.get(1).getLink()) + ) { + links.remove(0); + } + return links; + } + + private String getPageTitle(String pageUrl) { + try { + String resourcePath = pageUrl + "/jcr:content"; + ResourceResolver resourceResolver = getResource() + .getResourceResolver(); + ValueMap props = resourceResolver + .getResource(resourcePath) + .adaptTo(ValueMap.class); + return props.get("jcr:title", "title not found"); + } catch (Exception e) { + LOG.error("getPageTitle error: {}", e); + return "title not found...."; + } + } + + private class TextLink { + + public TextLink(String link, String text) { + this.link = link; + this.text = text; + } + + private String link; + private String text; + + public String getLink() { + return link; + } + + public String getText() { + return text; + } + } } diff --git a/core/src/main/java/com/themecleanflex/models/CardModel.java b/core/src/main/java/com/themecleanflex/models/CardModel.java index 866cf3792..df425e51f 100644 --- a/core/src/main/java/com/themecleanflex/models/CardModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardModel.java @@ -165,127 +165,127 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class CardModel extends AbstractComponent { - public CardModel(final Resource r) { - super(r); - } + public CardModel(final Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - @Inject - private String title; + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + @Inject + private String title; - /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ - @Inject - private String text; + /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ + @Inject + private String text; - /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ - @Inject - private String image; + /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ + @Inject + private String image; - @Inject - @ImageInfo(name = "image") - private Dimension imageSize; + @Inject + @ImageInfo(name = "image") + private Dimension imageSize; - /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ - @Inject - @Default(values = "100") - private String imagewidth; + /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ + @Inject + @Default(values = "100") + private String imagewidth; - /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ - @Inject - private String imagealttext; + /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ + @Inject + private String imagealttext; - /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ - @Inject - private String buttontext; + /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ + @Inject + private String buttontext; - /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String buttonlink; + /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String buttonlink; - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ - @Inject - @Default(values = "primary") - private String buttoncolor; + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ + @Inject + @Default(values = "primary") + private String buttoncolor; - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values = "center") - private String buttonalign; + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String buttonalign; - //GEN] + //GEN] - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - public String getTitle() { - return title; - } + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + public String getTitle() { + return title; + } - /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ - public String getText() { - return text; - } + /* {"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"} */ + public String getText() { + return text; + } - /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ - public String getImage() { - return image; - } + /* {"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"} */ + public String getImage() { + return image; + } - public Dimension getImageSize() { - return imageSize; - } + public Dimension getImageSize() { + return imageSize; + } - /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ - public String getImagewidth() { - return imagewidth; - } + /* {"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"} */ + public String getImagewidth() { + return imagewidth; + } - /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ - public String getImagealttext() { - return imagealttext; - } + /* {"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"} */ + public String getImagealttext() { + return imagealttext; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ - public String getButtontext() { - return buttontext; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"} */ + public String getButtontext() { + return buttontext; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getButtonlink() { - return buttonlink; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getButtonlink() { + return buttonlink; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ - public String getButtoncolor() { - return buttoncolor; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}} */ + public String getButtoncolor() { + return buttoncolor; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getButtonalign() { - return buttonalign; - } - //GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getButtonalign() { + return buttonalign; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CardsModel.java b/core/src/main/java/com/themecleanflex/models/CardsModel.java index 5c8bc13d7..6615016b4 100644 --- a/core/src/main/java/com/themecleanflex/models/CardsModel.java +++ b/core/src/main/java/com/themecleanflex/models/CardsModel.java @@ -551,341 +551,341 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/cards", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/cards", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class CardsModel extends AbstractComponent { - public CardsModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showcard; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String customcardcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String cardcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ - @Inject - @Default(values = "true") - private String cardborder; - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ - @Inject - @Default(values = "none") - private String roundedcorners; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values = "4") - private String cardsperrow; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values = "2") - private String cardsperrowtab; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ - @Inject - @Default(values = "1") - private String cardsperrowmobile; - - /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ - @Inject - private List cards; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowcard() { - return showcard; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getCustomcardcolor() { - return customcardcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ - public String getCardcolor() { - return cardcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ - public String getCardborder() { - return cardborder; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ - public String getRoundedcorners() { - return roundedcorners; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrow() { - return cardsperrow; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrowtab() { - return cardsperrowtab; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ - public String getCardsperrowmobile() { - return cardsperrowmobile; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ - public List getCards() { - return cards; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CardsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showcard; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String customcardcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String cardcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ + @Inject + @Default(values = "true") + private String cardborder; + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ + @Inject + @Default(values = "none") + private String roundedcorners; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "4") + private String cardsperrow; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "2") + private String cardsperrowtab; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ + @Inject + @Default(values = "1") + private String cardsperrowmobile; + + /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ + @Inject + private List cards; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Text","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Button","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Background","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowcard() { + return showcard; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Card Color","x-form-visible":"model.showcard == 'true'","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getCustomcardcolor() { + return customcardcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Card Color","x-form-type":"color","x-form-visible":"model.showcard == 'true' and model.customcardcolor == 'true'","x-form-group":"style","x-default":"#ffffff"} */ + public String getCardcolor() { + return cardcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Card Border","x-form-type":"materialswitch","x-form-group":"style","x-default":"true"} */ + public String getCardborder() { + return cardborder; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Rounded Corners","x-form-type":"materialselect","x-form-group":"style","x-default":"none","properties":{"none":{"x-form-name":"none","x-form-value":"none"},"small":{"x-form-name":"small","x-form-value":"small"},"medium":{"x-form-name":"medium","x-form-value":"medium"},"large":{"x-form-name":"large","x-form-value":"large"}}} */ + public String getRoundedcorners() { + return roundedcorners; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row","x-form-type":"materialrange","x-form-group":"style","x-default":4,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrow() { + return cardsperrow; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Tablet)","x-form-type":"materialrange","x-form-group":"style","x-default":2,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrowtab() { + return cardsperrowtab; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards Per Row (Mobile)","x-form-type":"materialrange","x-form-group":"style","x-default":1,"x-form-min":1,"x-form-max":6} */ + public String getCardsperrowmobile() { + return cardsperrowmobile; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Cards","x-form-fieldLabel":"title","x-form-group":"content","x-form-type":"collection","x-collection-type":"Card","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Card Title","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Card Text","x-form-visible":"model.showtext == 'true'","x-form-type":"texteditor"},"image":{"type":"string","x-source":"inject","x-form-label":"Card Image","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-annotate":"size"},"imagewidth":{"type":"string","x-source":"inject","x-form-label":"Image Width","x-form-type":"materialrange","x-default":"100","x-form-min":"10","x-form-max":"100"},"imagealttext":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"},"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-visible":"model.showbutton == 'true'","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-visible":"model.showbutton == 'true'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"}}},"buttonsize":{"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}},"buttonalign":{"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-type":"materialselect","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}}}} */ + public List getCards() { + return cards; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CarouselModel.java b/core/src/main/java/com/themecleanflex/models/CarouselModel.java index fce77c46b..dfcba3601 100644 --- a/core/src/main/java/com/themecleanflex/models/CarouselModel.java +++ b/core/src/main/java/com/themecleanflex/models/CarouselModel.java @@ -433,324 +433,324 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/carousel", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/carousel", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class CarouselModel extends AbstractComponent { - public CarouselModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "80") - private String carouselheight; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ - @Inject - private String autoplay; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ - @Inject - @Default(values = "1") - private String itemsperpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ - @Inject - @Default(values = "5") - private String interval; - - /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ - @Inject - @Default(values = "false") - private String pause; - - /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values = "true") - private String wrap; - - /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values = "true") - private String indicators; - - /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - @Inject - @Default(values = "true") - private String controls; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ - @Inject - private String captionbg; - - /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ - @Inject - private List slides; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ - public String getCarouselheight() { - return carouselheight; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ - public String getAutoplay() { - return autoplay; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ - public String getItemsperpage() { - return itemsperpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ - public String getInterval() { - return interval; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ - public String getPause() { - return pause; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getWrap() { - return wrap; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getIndicators() { - return indicators; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ - public String getControls() { - return controls; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ - public String getCaptionbg() { - return captionbg; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ - public List getSlides() { - return slides; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CarouselModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "80") + private String carouselheight; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ + @Inject + private String autoplay; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ + @Inject + @Default(values = "1") + private String itemsperpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ + @Inject + @Default(values = "5") + private String interval; + + /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ + @Inject + @Default(values = "false") + private String pause; + + /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String wrap; + + /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String indicators; + + /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + @Inject + @Default(values = "true") + private String controls; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ + @Inject + private String captionbg; + + /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ + @Inject + private List slides; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Carousel Height","x-form-type":"materialrange","x-form-group":"style","x-default":80,"x-form-min":10,"x-form-max":100} */ + public String getCarouselheight() { + return carouselheight; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Auto Play","x-form-type":"materialswitch"} */ + public String getAutoplay() { + return autoplay; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Images per page","x-form-type":"number","x-default":1} */ + public String getItemsperpage() { + return itemsperpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Interval","x-form-type":"materialrange","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":5,"x-form-min":1,"x-form-max":20} */ + public String getInterval() { + return interval; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Pause On Hover","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.autoplay == 'true'","x-default":"false"} */ + public String getPause() { + return pause; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Wrap","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getWrap() { + return wrap; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Indicators","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getIndicators() { + return indicators; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Controls","x-form-group":"style","x-form-type":"materialswitch","x-default":"true"} */ + public String getControls() { + return controls; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Caption Background","x-form-type":"materialswitch"} */ + public String getCaptionbg() { + return captionbg; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Slides","x-form-fieldLabel":"heading","x-form-group":"content","x-form-type":"collection","properties":{"imagepath":{"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"},"imagefit":{"type":"string","x-source":"inject","x-form-label":"Slide Image Fit","x-form-type":"materialradio","x-default":"cover","properties":{"toggle":{"x-form-name":"Contain","x-form-value":"contain"},"accordion":{"x-form-name":"Cover","x-form-value":"cover"}}},"slidelink":{"type":"string","x-source":"inject","x-form-label":"Slide Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"text":{"type":"string","x-source":"inject","x-form-label":"Image Text","x-form-type":"texteditor"},"alt":{"type":"string","x-source":"inject","x-form-label":"Image Alt Text","x-form-type":"text"}}} */ + public List getSlides() { + return slides; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/CodeModel.java b/core/src/main/java/com/themecleanflex/models/CodeModel.java index a4171da1e..9a377b278 100644 --- a/core/src/main/java/com/themecleanflex/models/CodeModel.java +++ b/core/src/main/java/com/themecleanflex/models/CodeModel.java @@ -322,254 +322,254 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/code", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/code", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class CodeModel extends AbstractComponent { - public CodeModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String language; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String classes; - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ - public String getLanguage() { - return language; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ - public String getClasses() { - return classes; - } - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public CodeModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String language; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String classes; + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"text"} */ + public String getLanguage() { + return language; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-type":"text"} */ + public String getClasses() { + return classes; + } + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"textarea","x-form-max":"16000"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerModel.java b/core/src/main/java/com/themecleanflex/models/ContainerModel.java index e17446a81..98684ce2d 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerModel.java @@ -161,95 +161,95 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/container", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/container", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerModel extends Container { - public ContainerModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values = "auto") - private String width; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ - @Inject - @Default(values = "12") - private String colspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values = "auto") - private String tabletwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ - @Inject - @Default(values = "12") - private String tabletcolspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - @Inject - @Default(values = "auto") - private String mobilewidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ - @Inject - @Default(values = "12") - private String mobilecolspan; - - /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getWidth() { - return width; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ - public String getColspan() { - return colspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getTabletwidth() { - return tabletwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ - public String getTabletcolspan() { - return tabletcolspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ - public String getMobilewidth() { - return mobilewidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ - public String getMobilecolspan() { - return mobilecolspan; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public ContainerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String width; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String colspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String tabletwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String tabletcolspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + @Inject + @Default(values = "auto") + private String mobilewidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ + @Inject + @Default(values = "12") + private String mobilecolspan; + + /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Container Width","x-form-group":"content","x-form-type":"materialradio","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getWidth() { + return width; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.width == 'custom'","x-default":12} */ + public String getColspan() { + return colspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Tablet)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getTabletwidth() { + return tabletwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.tabletwidth == 'custom'","x-default":12} */ + public String getTabletcolspan() { + return tabletcolspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Container Width (Mobile)","x-form-type":"materialradio","x-form-group":"content","x-default":"auto","properties":{"auto":{"x-form-name":"Auto (fill available space)","x-form-value":"auto"},"custom":{"x-form-name":"Custom","x-form-value":"custom"}}} */ + public String getMobilewidth() { + return mobilewidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Column Span (12 Columns)","x-form-group":"content","x-form-type":"materialrange","x-form-min":1,"x-form-max":12,"x-form-visible":"model.mobilewidth == 'custom'","x-default":12} */ + public String getMobilecolspan() { + return mobilecolspan; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-form-group":"content","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java index 4611cce21..3bdce71c3 100644 --- a/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java +++ b/core/src/main/java/com/themecleanflex/models/ContainerblockModel.java @@ -333,237 +333,237 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/containerblock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/containerblock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class ContainerblockModel extends Container { - public ContainerblockModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ - @Inject - @Default(values = "primary") - private String alignitems; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ - public String getAlignitems() { - return alignitems; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public ContainerblockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + @Inject + @Default(values = "primary") + private String alignitems; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Items Alignment","x-form-type":"materialselect","x-form-group":"content","x-default":"primary","properties":{"start":{"x-form-name":"Start","x-form-value":"items-start"},"center":{"x-form-name":"Center","x-form-value":"items-center"},"end":{"x-form-name":"End","x-form-value":"items-end"},"stretch":{"x-form-name":"Stretch","x-form-value":"items-stretch"},"baseline":{"x-form-name":"Baseline","x-form-value":"items-baseline"}}} */ + public String getAlignitems() { + return alignitems; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/FooterModel.java b/core/src/main/java/com/themecleanflex/models/FooterModel.java index 9d29062f0..baee3d685 100644 --- a/core/src/main/java/com/themecleanflex/models/FooterModel.java +++ b/core/src/main/java/com/themecleanflex/models/FooterModel.java @@ -437,328 +437,328 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/footer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/footer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class FooterModel extends AbstractComponent { - public FooterModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showlogo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String logo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ - @Inject - private String logoalttext; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String logourl; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ - @Inject - private String logosize; - - /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - @Inject - private List columns; - - /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String copyright; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String iconcustomcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - @Inject - @Default(values = "#000000") - private String iconcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - @Inject - @Default(values = "25") - private String iconsize; - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - @Inject - private List icons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowlogo() { - return showlogo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getLogo() { - return logo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ - public String getLogoalttext() { - return logoalttext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getLogourl() { - return logourl; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ - public String getLogosize() { - return logosize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ - public List getColumns() { - return columns; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ - public String getCopyright() { - return copyright; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getIconcustomcolor() { - return iconcustomcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - public String getIconcolor() { - return iconcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - public String getIconsize() { - return iconsize; - } - - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - public List getIcons() { - return icons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public FooterModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showlogo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String logo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ + @Inject + private String logoalttext; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String logourl; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ + @Inject + private String logosize; + + /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + @Inject + private List columns; + + /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String copyright; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String iconcustomcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + @Inject + @Default(values = "#000000") + private String iconcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + @Inject + @Default(values = "25") + private String iconsize; + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + @Inject + private List icons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Logo","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowlogo() { + return showlogo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-visible":"model.showlogo == 'true'","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getLogo() { + return logo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-type":"text"} */ + public String getLogoalttext() { + return logoalttext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-type":"pathbrowser","x-form-group":"content","x-form-visible":"model.showlogo == 'true'","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getLogourl() { + return logourl; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-form-visible":"model.showlogo == 'true'","x-form-min":1,"x-form-max":300} */ + public String getLogosize() { + return logosize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Columns","x-form-type":"collection","x-form-group":"content","x-form-multifield":"true","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Text","x-form-type":"texteditor"}}} */ + public List getColumns() { + return columns; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Copyright Text","x-form-group":"content","x-form-type":"text"} */ + public String getCopyright() { + return copyright; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getIconcustomcolor() { + return iconcustomcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + public String getIconcolor() { + return iconcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + public String getIconsize() { + return iconsize; + } + + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + public List getIcons() { + return icons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/HeaderModel.java b/core/src/main/java/com/themecleanflex/models/HeaderModel.java index 62a3964e6..4de07ea3e 100644 --- a/core/src/main/java/com/themecleanflex/models/HeaderModel.java +++ b/core/src/main/java/com/themecleanflex/models/HeaderModel.java @@ -513,329 +513,329 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/header", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/header", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class HeaderModel extends AbstractComponent { - public HeaderModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String logo; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String logoalttext; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String logourl; - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ - @Inject - @Default(values = "50") - private String logosize; - - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String collapsed; - - /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ - @Inject - private String elevation; - - /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String sticky; - - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - @Inject - private List links; - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "text-blue-800") - private String linkcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getLogo() { - return logo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ - public String getLogoalttext() { - return logoalttext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getLogourl() { - return logourl; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ - public String getLogosize() { - return logosize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getCollapsed() { - return collapsed; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ - public String getElevation() { - return elevation; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getSticky() { - return sticky; - } - - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - public List getLinks() { - return links; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public HeaderModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String logo; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String logoalttext; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String logourl; + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ + @Inject + @Default(values = "50") + private String logosize; + + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String collapsed; + + /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ + @Inject + private String elevation; + + /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String sticky; + + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + @Inject + private List links; + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "text-blue-800") + private String linkcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Logo","x-form-type":"pathbrowser","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getLogo() { + return logo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Alt Text","x-form-group":"content","x-form-type":"text"} */ + public String getLogoalttext() { + return logoalttext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Url","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getLogourl() { + return logourl; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Logo Size","x-form-group":"content","x-form-type":"materialrange","x-default":50,"x-form-min":1,"x-form-max":300} */ + public String getLogosize() { + return logosize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Collapse Menu","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getCollapsed() { + return collapsed; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Elevation","x-form-visible":"","x-form-group":"style","x-form-type":"materialrange","x-default":0,"x-form-min":0,"x-form-max":5} */ + public String getElevation() { + return elevation; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Sticky","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getSticky() { + return sticky; + } + + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + public List getLinks() { + return links; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediaModel.java b/core/src/main/java/com/themecleanflex/models/MediaModel.java index d14bd3ce1..8a223e266 100644 --- a/core/src/main/java/com/themecleanflex/models/MediaModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediaModel.java @@ -114,100 +114,100 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/media", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/media", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class MediaModel extends AbstractComponent { - public MediaModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ - @Inject - private String mediaicon; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ - @Inject - @Default(values = "50") - private String mediaiconsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ - @Inject - @Default(values = "#000000") - private String mediaiconcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String imagesrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "100") - private String mediawidth; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ - public String getMediaicon() { - return mediaicon; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ - public String getMediaiconsize() { - return mediaiconsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ - public String getMediaiconcolor() { - return mediaiconcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getImagesrc() { - return imagesrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public MediaModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ + @Inject + private String mediaicon; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ + @Inject + @Default(values = "50") + private String mediaiconsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ + @Inject + @Default(values = "#000000") + private String mediaiconcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String imagesrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "100") + private String mediawidth; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"},"icon":{"x-form-name":"Icon","x-form-value":"icon"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Chooser","x-form-type":"iconbrowser","x-form-hint":"Select an icon.","x-form-validator":"required","x-form-visible":"model.mediatype == 'icon'","x-form-families":["material","font awesome"]} */ + public String getMediaicon() { + return mediaicon; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-type":"materialrange","x-form-visible":"model.mediatype == 'icon'","x-default":50,"x-form-min":1,"x-form-max":1000} */ + public String getMediaiconsize() { + return mediaiconsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-form-type":"color","x-form-visible":"model.mediatype == 'icon'","x-default":"#000000"} */ + public String getMediaiconcolor() { + return mediaiconcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getImagesrc() { + return imagesrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MediablockModel.java b/core/src/main/java/com/themecleanflex/models/MediablockModel.java index 9a561a057..6a00c5686 100644 --- a/core/src/main/java/com/themecleanflex/models/MediablockModel.java +++ b/core/src/main/java/com/themecleanflex/models/MediablockModel.java @@ -370,283 +370,283 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/mediablock", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/mediablock", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class MediablockModel extends AbstractComponent { - public MediablockModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values = "") - private String imagesrc; - - @Inject - @ImageInfo(name = "imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values = "") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "100") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public MediablockModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "100") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.mediatype == 'image' or model.mediatype == 'video'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-default":100,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java index db42afb8a..eabdb838c 100644 --- a/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java +++ b/core/src/main/java/com/themecleanflex/models/MenubuttonsModel.java @@ -113,44 +113,44 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/menubuttons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/menubuttons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class MenubuttonsModel extends AbstractComponent { - public MenubuttonsModel(Resource r) { - super(r); - } + public MenubuttonsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; - //GEN] + //GEN] - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-group":"style","x-form-type":"materialselect","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - //GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NavigationModel.java b/core/src/main/java/com/themecleanflex/models/NavigationModel.java index 736241b0f..4d96c18e9 100644 --- a/core/src/main/java/com/themecleanflex/models/NavigationModel.java +++ b/core/src/main/java/com/themecleanflex/models/NavigationModel.java @@ -349,361 +349,367 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/navigation", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/navigation", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class NavigationModel extends AbstractComponent { - public NavigationModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ - @Inject - @Default(values = "end") - private String justifyitems; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ - public String getJustifyitems() { - return justifyitems; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - //GEN] - - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger( - NavigationModel.class - ); - - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - public String getLevels() { - return "2"; - } - - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getRootPageTitle() { - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if (page == null) return "not adaptable"; - return page != null ? page.getTitle() : ""; - } - - public String getRootPageLink() { - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if (page == null) return "not adaptable"; - return page != null ? page.getPath() : ""; - } - - public List getChildrenPages() { - boolean excludeSitemap = Boolean.parseBoolean(getExcludeSitemapExcludes()); - List childPages = new ArrayList(); - String rootPage = getRootpage(); - if (rootPage != null) { - int levels = Integer.parseInt(getLevels()); - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootpage()); - if (page != null) { - for (PerPage child : page.listChildren()) { - if ( - excludeSitemap && - child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) - ) { - continue; - } - if (!child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels, excludeSitemap)); - } - } - } - } - return childPages; - } - - class Page { - - private PerPage page; - private int levels; - private boolean excludeSitemap; - - public Page(PerPage page, int levels, boolean excludeSitemap) { - this.page = page; - this.levels = levels; - this.excludeSitemap = excludeSitemap; - } - - public String getTitle() { - return page.getTitle(); - } - - public String getPath() { - return page.getPath(); - } - - public int getLevels() { - return levels; - } - - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - System.out.println(); - if (page != null) { - for (PerPage child : page.listChildren()) { - if ( - excludeSitemap && - child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) - ) { - continue; - } - if (!child.getPath().equals(page.getPath())) { - childPages.add(new Page(child, levels - 1, excludeSitemap)); - } - } - } - return childPages; - } - } - //GEN] + public NavigationModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String excludesitemapexcludes; + + /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ + @Inject + @Default(values = "end") + private String justifyitems; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Navigation Alignment","x-form-type":"materialradio","x-form-group":"style","x-default":"end","properties":{"start":{"x-form-name":"Start","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"end":{"x-form-name":"End","x-form-value":"end"}}} */ + public String getJustifyitems() { + return justifyitems; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + NavigationModel.class + ); + + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + public String getLevels() { + return "2"; + } + + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; + } + + public String getRootPageTitle() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; + } + + public String getRootPageLink() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; + } + + public List getChildrenPages() { + boolean excludeSitemap = Boolean.parseBoolean( + getExcludeSitemapExcludes() + ); + List childPages = new ArrayList(); + String rootPage = getRootpage(); + if (rootPage != null) { + int levels = Integer.parseInt(getLevels()); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootpage()); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (!child.getPath().equals(page.getPath())) { + childPages.add(new Page(child, levels, excludeSitemap)); + } + } + } + } + return childPages; + } + + class Page { + + private PerPage page; + private int levels; + private boolean excludeSitemap; + + public Page(PerPage page, int levels, boolean excludeSitemap) { + this.page = page; + this.levels = levels; + this.excludeSitemap = excludeSitemap; + } + + public String getTitle() { + return page.getTitle(); + } + + public String getPath() { + return page.getPath(); + } + + public int getLevels() { + return levels; + } + + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } + + public List getChildrenPages() { + List childPages = new ArrayList(); + System.out.println(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (!child.getPath().equals(page.getPath())) { + childPages.add( + new Page(child, levels - 1, excludeSitemap) + ); + } + } + } + return childPages; + } + } + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/NoteModel.java b/core/src/main/java/com/themecleanflex/models/NoteModel.java index 2d728d959..281e177a6 100644 --- a/core/src/main/java/com/themecleanflex/models/NoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/NoteModel.java @@ -339,246 +339,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/note", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/note", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class NoteModel extends AbstractComponent { - public NoteModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ - @Inject - @Default(values = "note") - private String notetype; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ - public String getNotetype() { - return notetype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public NoteModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ + @Inject + @Default(values = "note") + private String notetype; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Note Type","x-form-type":"materialselect","x-form-group":"content","x-default":"note","properties":{"note":{"x-form-name":"Note","x-form-value":"note"},"tip":{"x-form-name":"Tip","x-form-value":"tip"},"important":{"x-form-name":"Important","x-form-value":"important"},"caution":{"x-form-name":"Caution","x-form-value":"caution"},"warning":{"x-form-name":"Warning","x-form-value":"warning"}}} */ + public String getNotetype() { + return notetype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistModel.java b/core/src/main/java/com/themecleanflex/models/PagelistModel.java index 305fd0ab9..b130de24b 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistModel.java @@ -379,500 +379,516 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelist", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelist", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistModel extends AbstractComponent { - public PagelistModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String includeroot; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-group":"content","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - @Inject - private String levels; - - /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ - @Inject - private List references; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getIncluderoot() { - return includeroot; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ - public List getReferences() { - return references; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - //GEN] - - //GEN[:CUSTOMGETTERS - private static final Logger LOG = LoggerFactory.getLogger( - PagelistModel.class - ); - - /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ - public String getLevels() { - return levels == null ? "1" : levels; - } - - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getRootPage() { - if (rootpage == null) { - PerPage currentPage = getResource().adaptTo(PerPage.class); - if (currentPage != null) { - return currentPage.getPath(); - } - } - return rootpage; - } - - public String getRootPageTitle() { - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if (page == null) return "not adaptable"; - return page != null ? page.getTitle() : ""; - } - - public String getRootPageLink() { - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if (page == null) return "not adaptable"; - return page != null ? page.getPath() : ""; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - String rootPage = getRootPage(); - if (rootPage != null) { - int levels = Integer.parseInt(getLevels()); - boolean excludeSitemap = Boolean.parseBoolean( - getExcludeSitemapExcludes() - ); - PerPageManager ppm = getResource() - .getResourceResolver() - .adaptTo(PerPageManager.class); - PerPage page = ppm.getPage(getRootPage()); - if (page != null) { - for (PerPage child : page.listChildren()) { - if ( - !( - excludeSitemap && - child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) - ) && - (!child.getPath().equals(page.getPath())) - ) { - childPages.add( - new Page(child, levels, getReferences(), excludeSitemap) - ); - } - } - } - } - return childPages; - } - - class Page { - - private PerPage page; - private int levels; - private List references; - private boolean excludeSitemap; - - // public Page(PerPage page) { - // this.page = page; - // } - - // public Page(PerPage page, int levels) { - // this.page = page; - // this.levels = levels; - // } - - public Page( - PerPage page, - int levels, - List references, - boolean excludeSitemap - ) { - this.page = page; - this.levels = levels; - this.references = references; - this.excludeSitemap = excludeSitemap; - } - - public String getTitle() { - return page.getTitle(); - } - - public String getPath() { - return page.getPath(); - } - - public int getLevels() { - return levels; - } - - public List getReferences() { - List ret = new ArrayList<>(); - if (references == null) return ret; - for (IComponent ref : references) { - Resource res = ref.getResource(); - ValueMap vm = res.adaptTo(ValueMap.class); - String contentName = vm.get("contentname", String.class); - String contentField = vm.get("contentfield", String.class) != null - ? vm.get("contentfield", String.class) - : "text"; - String cssClass = vm.get("cssclass", String.class); - String tagName = vm.get("htmlelement", String.class); - if (contentName != null && tagName != null) { - Resource content = findResourceWithName( - page.getContentResource(), - contentName - ); - if (content != null) { - ValueMap props = content.adaptTo(ValueMap.class); - String value = props.get(contentField, String.class); - ret.add( - new ReferencedContent( - contentField, - value, - tagName, - cssClass, - content.getPath() - ) - ); - } - } - } - return ret; - } - - private Resource findResourceWithName( - Resource resource, - String contentName - ) { - ValueMap vm = resource.adaptTo(ValueMap.class); - String contentname = vm.get("contentname", String.class); - if (contentName.equals(contentname)) { - return resource; - } - for (Resource child : resource.getChildren()) { - Resource ret = findResourceWithName(child, contentName); - if (ret != null) { - return ret; - } - } - return null; - } - - public Boolean getHasChildren() { - return levels <= 1 ? false : true; - } - - public List getChildrenPages() { - List childPages = new ArrayList(); - if (page != null) { - for (PerPage child : page.listChildren()) { - if ( - excludeSitemap && - child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) - ) { - continue; - } - if (levels > 0 && !child.getPath().equals(page.getPath())) { - childPages.add( - new Page(child, levels - 1, references, excludeSitemap) - ); - } - } - } - return childPages; - } - } - - class ReferencedContent { - - private String path; - private String contentField; - private String value; - private String htmlElement; - private String cssClass; - - public ReferencedContent( - String contentField, - String value, - String htmlElement, - String cssClass, - String path - ) { - this.path = path; - this.contentField = contentField; - this.value = value; - this.htmlElement = htmlElement; - this.cssClass = cssClass; - } - - public String getKey() { - return path + '.' + contentField; - } - - public String getContentField() { - return contentField; - } - - public String getValue() { - return value; - } - - public String getHtmlElement() { - return htmlElement; - } - - public String getCssClass() { - return cssClass; - } - } - //GEN] + public PagelistModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String includeroot; + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + @Inject + private String excludesitemapexcludes; + + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-group":"content","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + @Inject + private String levels; + + /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ + @Inject + private List references; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getIncluderoot() { + return includeroot; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-form-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"References","x-form-fieldLabel":"contentname","x-form-type":"collection","x-form-group":"content","properties":{"contentname":{"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-type":"text"},"contentfield":{"type":"string","x-source":"inject","x-form-label":"Content Field","x-form-type":"text"},"htmlelement":{"type":"string","x-source":"inject","x-form-label":"HTML Element","x-form-type":"text"},"cssclass":{"type":"string","x-source":"inject","x-form-label":"CSS Classes","x-form-type":"text"}}} */ + public List getReferences() { + return references; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + private static final Logger LOG = LoggerFactory.getLogger( + PagelistModel.class + ); + + /* {"type":"string","x-source":"inject","x-form-type":"number","x-form-label":"Levels","x-form-default":1,"x-form-min":1} */ + public String getLevels() { + return levels == null ? "1" : levels; + } + + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; + } + + public String getRootPage() { + if (rootpage == null) { + PerPage currentPage = getResource().adaptTo(PerPage.class); + if (currentPage != null) { + return currentPage.getPath(); + } + } + return rootpage; + } + + public String getRootPageTitle() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page == null) return "not adaptable"; + return page != null ? page.getTitle() : ""; + } + + public String getRootPageLink() { + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page == null) return "not adaptable"; + return page != null ? page.getPath() : ""; + } + + public List getChildrenPages() { + List childPages = new ArrayList(); + String rootPage = getRootPage(); + if (rootPage != null) { + int levels = Integer.parseInt(getLevels()); + boolean excludeSitemap = Boolean.parseBoolean( + getExcludeSitemapExcludes() + ); + PerPageManager ppm = getResource() + .getResourceResolver() + .adaptTo(PerPageManager.class); + PerPage page = ppm.getPage(getRootPage()); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + !( + excludeSitemap && + child.getContentProperty( + EXCLUDE_FROM_SITEMAP, + false + ) + ) && + (!child.getPath().equals(page.getPath())) + ) { + childPages.add( + new Page( + child, + levels, + getReferences(), + excludeSitemap + ) + ); + } + } + } + } + return childPages; + } + + class Page { + + private PerPage page; + private int levels; + private List references; + private boolean excludeSitemap; + + // public Page(PerPage page) { + // this.page = page; + // } + + // public Page(PerPage page, int levels) { + // this.page = page; + // this.levels = levels; + // } + + public Page( + PerPage page, + int levels, + List references, + boolean excludeSitemap + ) { + this.page = page; + this.levels = levels; + this.references = references; + this.excludeSitemap = excludeSitemap; + } + + public String getTitle() { + return page.getTitle(); + } + + public String getPath() { + return page.getPath(); + } + + public int getLevels() { + return levels; + } + + public List getReferences() { + List ret = new ArrayList<>(); + if (references == null) return ret; + for (IComponent ref : references) { + Resource res = ref.getResource(); + ValueMap vm = res.adaptTo(ValueMap.class); + String contentName = vm.get("contentname", String.class); + String contentField = vm.get("contentfield", String.class) != + null + ? vm.get("contentfield", String.class) + : "text"; + String cssClass = vm.get("cssclass", String.class); + String tagName = vm.get("htmlelement", String.class); + if (contentName != null && tagName != null) { + Resource content = findResourceWithName( + page.getContentResource(), + contentName + ); + if (content != null) { + ValueMap props = content.adaptTo(ValueMap.class); + String value = props.get(contentField, String.class); + ret.add( + new ReferencedContent( + contentField, + value, + tagName, + cssClass, + content.getPath() + ) + ); + } + } + } + return ret; + } + + private Resource findResourceWithName( + Resource resource, + String contentName + ) { + ValueMap vm = resource.adaptTo(ValueMap.class); + String contentname = vm.get("contentname", String.class); + if (contentName.equals(contentname)) { + return resource; + } + for (Resource child : resource.getChildren()) { + Resource ret = findResourceWithName(child, contentName); + if (ret != null) { + return ret; + } + } + return null; + } + + public Boolean getHasChildren() { + return levels <= 1 ? false : true; + } + + public List getChildrenPages() { + List childPages = new ArrayList(); + if (page != null) { + for (PerPage child : page.listChildren()) { + if ( + excludeSitemap && + child.getContentProperty(EXCLUDE_FROM_SITEMAP, false) + ) { + continue; + } + if (levels > 0 && !child.getPath().equals(page.getPath())) { + childPages.add( + new Page( + child, + levels - 1, + references, + excludeSitemap + ) + ); + } + } + } + return childPages; + } + } + + class ReferencedContent { + + private String path; + private String contentField; + private String value; + private String htmlElement; + private String cssClass; + + public ReferencedContent( + String contentField, + String value, + String htmlElement, + String cssClass, + String path + ) { + this.path = path; + this.contentField = contentField; + this.value = value; + this.htmlElement = htmlElement; + this.cssClass = cssClass; + } + + public String getKey() { + return path + '.' + contentField; + } + + public String getContentField() { + return contentField; + } + + public String getValue() { + return value; + } + + public String getHtmlElement() { + return htmlElement; + } + + public String getCssClass() { + return cssClass; + } + } + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java index 26c88c78a..396b06544 100644 --- a/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagelistnestedModel.java @@ -28,27 +28,27 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pagelistnested", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pagelistnested", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class PagelistnestedModel extends AbstractComponent { - public PagelistnestedModel(Resource r) { - super(r); - } - //GEN[:INJECT + public PagelistnestedModel(Resource r) { + super(r); + } + //GEN[:INJECT - //GEN] + //GEN] - //GEN[:GETTERS + //GEN[:GETTERS - //GEN] + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/PagerModel.java b/core/src/main/java/com/themecleanflex/models/PagerModel.java index 7debdd579..0941864ec 100644 --- a/core/src/main/java/com/themecleanflex/models/PagerModel.java +++ b/core/src/main/java/com/themecleanflex/models/PagerModel.java @@ -420,406 +420,417 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/pager", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/pager", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class PagerModel extends AbstractComponent { - private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); - - public PagerModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String rootpage; - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - @Inject - private String includeroot; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "primary") - private String buttoncolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ - @Inject - @Default(values = "Previous") - private String prevlabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ - @Inject - @Default(values = "Next") - private String nextlabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ - @Inject - private String disableprevious; - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - @Inject - private String excludesitemapexcludes; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getRootpage() { - return rootpage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - public String getIncluderoot() { - return includeroot; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getButtoncolor() { - return buttoncolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ - public String getPrevlabel() { - return prevlabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ - public String getNextlabel() { - return nextlabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ - public String getDisableprevious() { - return disableprevious; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ - public String getExcludesitemapexcludes() { - return excludesitemapexcludes; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] - public String getExcludeSitemapExcludes() { - return excludesitemapexcludes == null ? "false" : excludesitemapexcludes; - } - - public String getDisablePrevious() { - return disableprevious == null ? "false" : disableprevious; - } - - public String getRootPage() { - if (rootpage == null) return ""; - if (rootpage.endsWith("/")) return rootpage.substring( - 0, - rootpage.length() - 1 - ); - return rootpage; - } - - public String getIncludeRoot() { - return includeroot == null ? "false" : includeroot; - } - - public String getPrevious() { - if (Boolean.parseBoolean(getDisablePrevious())) { - return "unknown"; - } - Resource res = getCurrentPage(getRootResource()); - //LOG.debug("resource: {}",res); - if (res == null) res = getCurrentPage(getResource()); - PerPage page = res.adaptTo(PerPage.class); - if (page == null) return "not adaptable"; - PerPage prev = page.getPrevious(); - if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while ( - prev != null && - prev.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false) - ) { - prev = prev.getPrevious(); - } - } - if (prev != null && !prev.getPath().startsWith(getRootPage())) { - prev = null; - } - if (prev != null && !Boolean.parseBoolean(getIncludeRoot())) { - // include root is false, so make sure path isn't equal to root page - if (prev.getPath().equals(getRootPage())) { - prev = null; - } - } - return prev != null ? prev.getPath() : "unknown"; - } - - public String getNext() { - Resource res = getCurrentPage(getRootResource()); - if (res == null) res = getCurrentPage(getResource()); - PerPage page = res.adaptTo(PerPage.class); - if (page == null) return "not adaptable"; - PerPage next = page.getNext(); - if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { - while ( - next != null && - next.getContentProperty(PerConstants.EXCLUDE_FROM_SITEMAP, false) - ) { - next = next.getNext(); - } - } - if (next != null && !next.getPath().startsWith(getRootPage())) { - next = null; - } - return next != null ? next.getPath() : "unknown"; - } - - private Resource getCurrentPage(Resource resource) { - if (resource == null) { - return null; - } - String resourceType = null; - try { - ValueMap props = resource.adaptTo(ValueMap.class); - resourceType = props.get("jcr:primaryType", "type not found"); - LOG.debug( - "resource type is: " + resourceType + " path is:" + resource.getPath() - ); - // we only care about per:page node - if ("per:Page".equals(resourceType)) { - LOG.debug( - "returned resource type is: " + - resourceType + - " path is:" + - resource.getPath() - ); - return resource; - } else { - if (resource.getParent() != null) { - return getCurrentPage(resource.getParent()); - } - } - } catch (Exception e) { - LOG.error("Exception: " + e); - } - return null; - } + private static final Logger LOG = LoggerFactory.getLogger(PagerModel.class); + + public PagerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String rootpage; + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + @Inject + private String includeroot; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "primary") + private String buttoncolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ + @Inject + @Default(values = "Previous") + private String prevlabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ + @Inject + @Default(values = "Next") + private String nextlabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ + @Inject + private String disableprevious; + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + @Inject + private String excludesitemapexcludes; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-type":"pathbrowser","x-form-label":"Root Page","x-form-group":"content","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getRootpage() { + return rootpage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Include Root","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + public String getIncluderoot() { + return includeroot; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-form-group":"style","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getButtoncolor() { + return buttoncolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Previous Label","x-form-type":"text","x-form-group":"content","x-default":"Previous"} */ + public String getPrevlabel() { + return prevlabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Next Label","x-form-type":"text","x-form-group":"content","x-default":"Next"} */ + public String getNextlabel() { + return nextlabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Disable the previous button","x-form-type":"materialswitch","x-form-group":"content","x-default":false} */ + public String getDisableprevious() { + return disableprevious; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Exclude pages Excluded in Sitemap","x-form-group":"content","x-form-type":"materialswitch","x-default":false} */ + public String getExcludesitemapexcludes() { + return excludesitemapexcludes; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + public String getExcludeSitemapExcludes() { + return excludesitemapexcludes == null + ? "false" + : excludesitemapexcludes; + } + + public String getDisablePrevious() { + return disableprevious == null ? "false" : disableprevious; + } + + public String getRootPage() { + if (rootpage == null) return ""; + if (rootpage.endsWith("/")) return rootpage.substring( + 0, + rootpage.length() - 1 + ); + return rootpage; + } + + public String getIncludeRoot() { + return includeroot == null ? "false" : includeroot; + } + + public String getPrevious() { + if (Boolean.parseBoolean(getDisablePrevious())) { + return "unknown"; + } + Resource res = getCurrentPage(getRootResource()); + //LOG.debug("resource: {}",res); + if (res == null) res = getCurrentPage(getResource()); + PerPage page = res.adaptTo(PerPage.class); + if (page == null) return "not adaptable"; + PerPage prev = page.getPrevious(); + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + prev != null && + prev.getContentProperty( + PerConstants.EXCLUDE_FROM_SITEMAP, + false + ) + ) { + prev = prev.getPrevious(); + } + } + if (prev != null && !prev.getPath().startsWith(getRootPage())) { + prev = null; + } + if (prev != null && !Boolean.parseBoolean(getIncludeRoot())) { + // include root is false, so make sure path isn't equal to root page + if (prev.getPath().equals(getRootPage())) { + prev = null; + } + } + return prev != null ? prev.getPath() : "unknown"; + } + + public String getNext() { + Resource res = getCurrentPage(getRootResource()); + if (res == null) res = getCurrentPage(getResource()); + PerPage page = res.adaptTo(PerPage.class); + if (page == null) return "not adaptable"; + PerPage next = page.getNext(); + if (Boolean.parseBoolean(getExcludeSitemapExcludes())) { + while ( + next != null && + next.getContentProperty( + PerConstants.EXCLUDE_FROM_SITEMAP, + false + ) + ) { + next = next.getNext(); + } + } + if (next != null && !next.getPath().startsWith(getRootPage())) { + next = null; + } + return next != null ? next.getPath() : "unknown"; + } + + private Resource getCurrentPage(Resource resource) { + if (resource == null) { + return null; + } + String resourceType = null; + try { + ValueMap props = resource.adaptTo(ValueMap.class); + resourceType = props.get("jcr:primaryType", "type not found"); + LOG.debug( + "resource type is: " + + resourceType + + " path is:" + + resource.getPath() + ); + // we only care about per:page node + if ("per:Page".equals(resourceType)) { + LOG.debug( + "returned resource type is: " + + resourceType + + " path is:" + + resource.getPath() + ); + return resource; + } else { + if (resource.getParent() != null) { + return getCurrentPage(resource.getParent()); + } + } + } catch (Exception e) { + LOG.error("Exception: " + e); + } + return null; + } } diff --git a/core/src/main/java/com/themecleanflex/models/QuoteModel.java b/core/src/main/java/com/themecleanflex/models/QuoteModel.java index dbab1efd8..c6ccf10f9 100644 --- a/core/src/main/java/com/themecleanflex/models/QuoteModel.java +++ b/core/src/main/java/com/themecleanflex/models/QuoteModel.java @@ -318,246 +318,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/quote", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/quote", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class QuoteModel extends AbstractComponent { - public QuoteModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String blockquote; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getBlockquote() { - return blockquote; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public QuoteModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String blockquote; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Quote?","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getBlockquote() { + return blockquote; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java index b6a8064cb..f6153d5e3 100644 --- a/core/src/main/java/com/themecleanflex/models/ReferenceModel.java +++ b/core/src/main/java/com/themecleanflex/models/ReferenceModel.java @@ -333,335 +333,342 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/reference", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/reference", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class ReferenceModel extends AbstractComponent { - public ReferenceModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String reference; - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ - @Inject - private String contentnameref; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getReference() { - return reference; - } - - /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ - public String getContentnameref() { - return contentnameref; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] - - private static final Logger LOG = LoggerFactory.getLogger( - ReferenceModel.class - ); - - @Inject - private ModelFactory modelFactory; - - public String referenceJson; - - public String getReferenceJson() { - referenceJson = generateReferenceJson(); - return referenceJson; - } - - private String generateReferenceJson() { - if (reference == null || "".equals(reference)) { - return null; - } - ResourceResolver resourceResolver = getResource().getResourceResolver(); - Resource referencedResource = resourceResolver.getResource( - reference + "/jcr:content" - ); - if (referencedResource == null) { - LOG.error("Reference '{}' does not resolve to a resource.", reference); - return null; - } - try { - Map referenceMap = modelFactory.exportModelForResource( - referencedResource, - PerConstants.JACKSON, - Map.class, - Collections.emptyMap() - ); - - // TODO: finding the node should happen before the export due to the fact that this - // could result in a recursion if we point to content on the same page - Map result = findNode(referenceMap, "contentname", getContentnameref()); - if (result != null) { - StringWriter writer = new StringWriter(); - ObjectMapper mapper = new ObjectMapper(); - mapper.writeValue(writer, result); - writer.close(); - return writer.toString(); - } else { - return null; - } - } catch (ExportException e) { - LOG.error("Export failed for resource " + reference, e); - } catch (MissingExporterException e) { - LOG.error("Could not find exporter for resource " + reference, e); - } catch (IOException e) { - LOG.error("Failed to write json for resource " + reference, e); - } - return null; - } - - // find a node with the given key/value pair in our json output - private Map findNode(Map map, String name, String value) { - for (Object key : map.keySet()) { - Object val = map.get(key); - if (equals(key, name)) { - if (equals(value, val)) { - return map; - } - } - if ("children".equals(key) && val instanceof ArrayList) { - ArrayList children = (ArrayList) val; - for (Object child : children) { - if (child instanceof Map) { - Map ret = findNode((Map) child, name, value); - if (ret != null) return ret; - } - } - } - } - return null; - } - - private static boolean equals(final Object obj, final Object other) { - if (obj == other) { - return true; - } - - if (isNull(obj) || isNull(other)) { - return false; - } - - return obj.equals(other); - } + public ReferenceModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String reference; + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ + @Inject + private String contentnameref; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Reference","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getReference() { + return reference; + } + + /* {"type":"string","x-source":"inject","x-form-group":"content","x-form-label":"Content Name Reference","x-form-type":"text"} */ + public String getContentnameref() { + return contentnameref; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] + + private static final Logger LOG = LoggerFactory.getLogger( + ReferenceModel.class + ); + + @Inject + private ModelFactory modelFactory; + + public String referenceJson; + + public String getReferenceJson() { + referenceJson = generateReferenceJson(); + return referenceJson; + } + + private String generateReferenceJson() { + if (reference == null || "".equals(reference)) { + return null; + } + ResourceResolver resourceResolver = getResource().getResourceResolver(); + Resource referencedResource = resourceResolver.getResource( + reference + "/jcr:content" + ); + if (referencedResource == null) { + LOG.error( + "Reference '{}' does not resolve to a resource.", + reference + ); + return null; + } + try { + Map referenceMap = modelFactory.exportModelForResource( + referencedResource, + PerConstants.JACKSON, + Map.class, + Collections.emptyMap() + ); + + // TODO: finding the node should happen before the export due to the fact that this + // could result in a recursion if we point to content on the same page + Map result = findNode( + referenceMap, + "contentname", + getContentnameref() + ); + if (result != null) { + StringWriter writer = new StringWriter(); + ObjectMapper mapper = new ObjectMapper(); + mapper.writeValue(writer, result); + writer.close(); + return writer.toString(); + } else { + return null; + } + } catch (ExportException e) { + LOG.error("Export failed for resource " + reference, e); + } catch (MissingExporterException e) { + LOG.error("Could not find exporter for resource " + reference, e); + } catch (IOException e) { + LOG.error("Failed to write json for resource " + reference, e); + } + return null; + } + + // find a node with the given key/value pair in our json output + private Map findNode(Map map, String name, String value) { + for (Object key : map.keySet()) { + Object val = map.get(key); + if (equals(key, name)) { + if (equals(value, val)) { + return map; + } + } + if ("children".equals(key) && val instanceof ArrayList) { + ArrayList children = (ArrayList) val; + for (Object child : children) { + if (child instanceof Map) { + Map ret = findNode((Map) child, name, value); + if (ret != null) return ret; + } + } + } + } + return null; + } + + private static boolean equals(final Object obj, final Object other) { + if (obj == other) { + return true; + } + + if (isNull(obj) || isNull(other)) { + return false; + } + + return obj.equals(other); + } } diff --git a/core/src/main/java/com/themecleanflex/models/RichtextModel.java b/core/src/main/java/com/themecleanflex/models/RichtextModel.java index feeec683c..8abbe063b 100644 --- a/core/src/main/java/com/themecleanflex/models/RichtextModel.java +++ b/core/src/main/java/com/themecleanflex/models/RichtextModel.java @@ -404,311 +404,311 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/richtext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/richtext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class RichtextModel extends AbstractComponent { - public RichtextModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values = "") - private String imagesrc; - - @Inject - @ImageInfo(name = "imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values = "") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values = "before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public RichtextModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java index d519d27fc..88e51fd04 100644 --- a/core/src/main/java/com/themecleanflex/models/SimpletextModel.java +++ b/core/src/main/java/com/themecleanflex/models/SimpletextModel.java @@ -344,246 +344,246 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/simpletext", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/simpletext", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class SimpletextModel extends AbstractComponent { - public SimpletextModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ - @Inject - @Default(values = "p") - private String element; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ - public String getElement() { - return element; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public SimpletextModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ + @Inject + @Default(values = "p") + private String element; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-group":"content","x-form-type":"text"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Choose Element Type","x-form-group":"content","x-form-type":"materialselect","x-default":"p","properties":{"h1":{"x-form-name":"h1","x-form-value":"h1"},"h2":{"x-form-name":"h2","x-form-value":"h2"},"h3":{"x-form-name":"h3","x-form-value":"h3"},"h4":{"x-form-name":"h4","x-form-value":"h4"},"h5":{"x-form-name":"h5","x-form-value":"h5"},"p":{"x-form-name":"p","x-form-value":"p"}}} */ + public String getElement() { + return element; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java index 68169f1ec..13290e2c4 100644 --- a/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java +++ b/core/src/main/java/com/themecleanflex/models/SocialiconsModel.java @@ -86,63 +86,63 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/socialicons", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/socialicons", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class SocialiconsModel extends AbstractComponent { - public SocialiconsModel(Resource r) { - super(r); - } + public SocialiconsModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String iconcustomcolor; + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String iconcustomcolor; - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - @Inject - @Default(values = "#000000") - private String iconcolor; + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + @Inject + @Default(values = "#000000") + private String iconcolor; - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - @Inject - @Default(values = "25") - private String iconsize; + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + @Inject + @Default(values = "25") + private String iconsize; - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - @Inject - private List icons; + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + @Inject + private List icons; - //GEN] + //GEN] - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getIconcustomcolor() { - return iconcustomcolor; - } + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Custom Icons Color","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getIconcustomcolor() { + return iconcustomcolor; + } - /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ - public String getIconcolor() { - return iconcolor; - } + /* {"type":"string","x-source":"inject","x-form-label":"Icon Color","x-default":"#000000","x-form-group":"style","x-form-visible":"model.iconcustomcolor == 'true'","x-form-type":"color"} */ + public String getIconcolor() { + return iconcolor; + } - /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ - public String getIconsize() { - return iconsize; - } + /* {"type":"string","x-source":"inject","x-form-label":"Icon Size","x-form-group":"style","x-form-type":"materialrange","x-default":"25","x-form-min":0,"x-form-max":150} */ + public String getIconsize() { + return iconsize; + } - /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ - public List getIcons() { - return icons; - } - //GEN] + /* {"type":"object","x-form-type":"collection","x-form-label":"Icons","x-form-group":"content","x-source":"inject","properties":{"icon":{"type":"string","x-source":"inject","x-form-label":"Icon Name","x-form-type":"text"},"url":{"type":"string","x-source":"inject","x-form-label":"Icon Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"iconalttext":{"type":"string","x-source":"inject","x-form-label":"Icon Alt Text","x-form-type":"text"}}} */ + public List getIcons() { + return icons; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/SpacerModel.java b/core/src/main/java/com/themecleanflex/models/SpacerModel.java index 4e4c29919..9c59f583b 100644 --- a/core/src/main/java/com/themecleanflex/models/SpacerModel.java +++ b/core/src/main/java/com/themecleanflex/models/SpacerModel.java @@ -225,170 +225,170 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/spacer", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/spacer", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class SpacerModel extends AbstractComponent { - public SpacerModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ - @Inject - private String height; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ - public String getHeight() { - return height; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public SpacerModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + @Inject + private String height; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Height","x-form-group":"content","x-form-type":"materialrange","x-form-min":0,"x-form-max":100} */ + public String getHeight() { + return height; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image Size","x-form-group":"style","x-form-type":"materialselect","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"cover","properties":{"section":{"x-form-name":"cover","x-form-value":"cover"},"article":{"x-form-name":"contain","x-form-value":"contain"},"main":{"x-form-name":"auto","x-form-value":"auto"}}} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-group":"style","x-form-type":"materialswitch","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TabsModel.java b/core/src/main/java/com/themecleanflex/models/TabsModel.java index f157be9b6..e072db1f7 100644 --- a/core/src/main/java/com/themecleanflex/models/TabsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TabsModel.java @@ -484,357 +484,357 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tabs", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/tabs", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class TabsModel extends AbstractComponent { - public TabsModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values = "before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values = "") - private String imagesrc; - - @Inject - @ImageInfo(name = "imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values = "") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "blue") - private String tabcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ - @Inject - private List tabs; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getTabcolor() { - return tabcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ - public List getTabs() { - return tabs; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TabsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "blue") + private String tabcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ + @Inject + private List tabs; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-group":"content","x-form-visible":"model.showtitle == 'true'","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-group":"content","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-default":"before","x-form-visible":"model.showmedia == 'true'","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tab Color","x-form-group":"style","x-form-type":"materialselect","x-default":"blue","properties":{"primary":{"x-form-name":"Primary","x-form-value":"blue"},"success":{"x-form-name":"Success","x-form-value":"green"},"danger":{"x-form-name":"Danger","x-form-value":"red"},"warning":{"x-form-name":"Warning","x-form-value":"orange"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getTabcolor() { + return tabcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tabs","x-form-group":"content","x-form-type":"collection","properties":{"title":{"type":"string","x-source":"inject","x-form-label":"Tab Title","x-form-type":"text"},"text":{"type":"string","x-source":"inject","x-form-label":"Tab Text","x-form-type":"texteditor"}}} */ + public List getTabs() { + return tabs; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TagsModel.java b/core/src/main/java/com/themecleanflex/models/TagsModel.java index 19101ef54..2ac138989 100644 --- a/core/src/main/java/com/themecleanflex/models/TagsModel.java +++ b/core/src/main/java/com/themecleanflex/models/TagsModel.java @@ -348,255 +348,255 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/tags", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/tags", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class TagsModel extends AbstractComponent { - public TagsModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String tagslabel; - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ - @Inject - @Default(values = "blue") - private String tagcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - @Inject - private String pagelink; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ - public String getTagslabel() { - return tagslabel; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ - public String getTagcolor() { - return tagcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ - public String getPagelink() { - return pagelink; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TagsModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String tagslabel; + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ + @Inject + @Default(values = "blue") + private String tagcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + @Inject + private String pagelink; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Tags Label","x-form-group":"content","x-form-type":"text"} */ + public String getTagslabel() { + return tagslabel; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Color","x-form-type":"materialselect","x-form-group":"style","x-default":"blue","properties":{"note":{"x-form-name":"Blue","x-form-value":"blue"},"tip":{"x-form-name":"Green","x-form-value":"green"},"important":{"x-form-name":"Orange","x-form-value":"orange"},"caution":{"x-form-name":"Red","x-form-value":"red"},"warning":{"x-form-name":"Yellow","x-form-value":"yellow"}}} */ + public String getTagcolor() { + return tagcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Tag Link Base Path","x-form-group":"content","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"} */ + public String getPagelink() { + return pagelink; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java index fc8e25785..52ebd0da6 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserhorizontalModel.java @@ -499,348 +499,348 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaserhorizontal", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaserhorizontal", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserhorizontalModel extends AbstractComponent { - public TeaserhorizontalModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values = "center") - private String aligncontent; - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ - @Inject - private String isprimary; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ - @Inject - @Default(values = "100") - private String textwidth; - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ - @Inject - @Default(values = "right") - private String buttonside; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getAligncontent() { - return aligncontent; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ - public String getIsprimary() { - return isprimary; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ - public String getTextwidth() { - return textwidth; - } - - /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ - public String getButtonside() { - return buttonside; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TeaserhorizontalModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String aligncontent; + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ + @Inject + private String isprimary; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ + @Inject + @Default(values = "100") + private String textwidth; + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ + @Inject + @Default(values = "right") + private String buttonside; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-group":"style","x-form-type":"materialradio","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getAligncontent() { + return aligncontent; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-group":"style","x-form-type":"materialswitch","x-form-default":"false"} */ + public String getIsprimary() { + return isprimary; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Title","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Subtitle","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-rows":3,"x-form-group":"content","x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Text","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Text Width","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-default":100} */ + public String getTextwidth() { + return textwidth; + } + + /* {"type":"string","x-source":"inject","x-form-group":"style","x-form-label":"Show Button","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Position","x-form-type":"materialradio","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"right","properties":{"left":{"x-form-name":"Before Content","x-form-value":"left"},"right":{"x-form-name":"After Content","x-form-value":"right"}}} */ + public String getButtonside() { + return buttonside; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-group":"content","x-form-type":"collection","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java index bbf788fff..a0c714329 100644 --- a/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java +++ b/core/src/main/java/com/themecleanflex/models/TeaserverticalModel.java @@ -602,423 +602,423 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/teaservertical", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/teaservertical", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class TeaserverticalModel extends AbstractComponent { - public TeaserverticalModel(Resource r) { - super(r); - } - - //GEN[:INJECT - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - @Inject - @Default(values = "center") - private String aligncontent; - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ - @Inject - private String isprimary; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - @Inject - private String title; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showsubtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ - @Inject - private String subtitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showtext; - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - @Inject - private String text; - - /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ - @Inject - @Default(values = "100") - private String textwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showbutton; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ - @Inject - @Default(values = "center") - private String alignbuttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - @Inject - @Default(values = "default") - private String buttonsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - @Inject - private List buttons; - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - @Inject - private String showmedia; - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String mediatype; - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - @Inject - @Default(values = "") - private String imagesrc; - - @Inject - @ImageInfo(name = "imagesrc") - private Dimension imagesrcSize; - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - @Inject - @Default(values = "") - private String videosrc; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - @Inject - private String mediatitle; - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - @Inject - @Default(values = "50") - private String mediawidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - @Inject - @Default(values = "before") - private String mediaposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String anchorname; - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String extraclasses; - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - @Inject - @Default(values = "section") - private String htmlelement; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "") - private String colorscheme; - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - @Inject - @Default(values = "false") - private String custombackground; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - @Inject - private String backgroundtype; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") - private String bgvideo; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - @Inject - private String bgimage; - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgxposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String bgyposition; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - @Inject - @Default(values = "cover") - private String bgsize; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - @Inject - private String overlay; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String overlaycolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - @Inject - @Default(values = "50") - private String overlayopacity; - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - @Inject - @Default(values = "#ffffff") - private String bgcolor; - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - @Inject - @Default(values = "#c0c0c0") - private String color2; - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - @Inject - @Default(values = "default") - private String blockwidth; - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - @Inject - @Default(values = "false") - private String fullheight; - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String toppadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - @Inject - private String bottompadding; - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - @Inject - private String contentname; - - //GEN] - - //GEN[:GETTERS - /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ - public String getAligncontent() { - return aligncontent; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ - public String getIsprimary() { - return isprimary; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtitle() { - return showtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ - public String getTitle() { - return title; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowsubtitle() { - return showsubtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ - public String getSubtitle() { - return subtitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowtext() { - return showtext; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ - public String getText() { - return text; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ - public String getTextwidth() { - return textwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowbutton() { - return showbutton; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ - public String getAlignbuttons() { - return alignbuttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ - public String getButtonsize() { - return buttonsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ - public List getButtons() { - return buttons; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ - public String getShowmedia() { - return showmedia; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getMediatype() { - return mediatype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ - public String getImagesrc() { - return imagesrc; - } - - public Dimension getImagesrcSize() { - return imagesrcSize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ - public String getVideosrc() { - return videosrc; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ - public String getMediatitle() { - return mediatitle; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ - public String getMediawidth() { - return mediawidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ - public String getMediaposition() { - return mediaposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getAnchorname() { - return anchorname; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ - public String getExtraclasses() { - return extraclasses; - } - - /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ - public String getHtmlelement() { - return htmlelement; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getColorscheme() { - return colorscheme; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ - public String getCustombackground() { - return custombackground; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ - public String getBackgroundtype() { - return backgroundtype; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgvideo() { - return bgvideo; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ - public String getBgimage() { - return bgimage; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgxposition() { - return bgxposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getBgyposition() { - return bgyposition; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ - public String getBgsize() { - return bgsize; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ - public String getOverlay() { - return overlay; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getOverlaycolor() { - return overlaycolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ - public String getOverlayopacity() { - return overlayopacity; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ - public String getBgcolor() { - return bgcolor; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ - public String getColor2() { - return color2; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ - public String getBlockwidth() { - return blockwidth; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ - public String getFullheight() { - return fullheight; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getToppadding() { - return toppadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ - public String getBottompadding() { - return bottompadding; - } - - /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ - public String getContentname() { - return contentname; - } - //GEN] - - //GEN[:CUSTOMGETTERS - //GEN] + public TeaserverticalModel(Resource r) { + super(r); + } + + //GEN[:INJECT + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + @Inject + @Default(values = "center") + private String aligncontent; + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ + @Inject + private String isprimary; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + @Inject + private String title; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showsubtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ + @Inject + private String subtitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showtext; + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + @Inject + private String text; + + /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ + @Inject + @Default(values = "100") + private String textwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showbutton; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ + @Inject + @Default(values = "center") + private String alignbuttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + @Inject + @Default(values = "default") + private String buttonsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + @Inject + private List buttons; + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + @Inject + private String showmedia; + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String mediatype; + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + @Inject + @Default(values = "") + private String imagesrc; + + @Inject + @ImageInfo(name = "imagesrc") + private Dimension imagesrcSize; + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + @Inject + @Default(values = "") + private String videosrc; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + @Inject + private String mediatitle; + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + @Inject + @Default(values = "50") + private String mediawidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + @Inject + @Default(values = "before") + private String mediaposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String anchorname; + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String extraclasses; + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + @Inject + @Default(values = "section") + private String htmlelement; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "") + private String colorscheme; + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + @Inject + @Default(values = "false") + private String custombackground; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + @Inject + private String backgroundtype; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + @Default(values = "https://www.youtube.com/embed/Ju86mknumYM") + private String bgvideo; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + @Inject + private String bgimage; + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgxposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String bgyposition; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + @Inject + @Default(values = "cover") + private String bgsize; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + @Inject + private String overlay; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String overlaycolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + @Inject + @Default(values = "50") + private String overlayopacity; + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + @Inject + @Default(values = "#ffffff") + private String bgcolor; + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + @Inject + @Default(values = "#c0c0c0") + private String color2; + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + @Inject + @Default(values = "default") + private String blockwidth; + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + @Inject + @Default(values = "false") + private String fullheight; + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String toppadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + @Inject + private String bottompadding; + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + @Inject + private String contentname; + + //GEN] + + //GEN[:GETTERS + /* {"type":"string","x-source":"inject","x-form-label":"Align Content","x-form-type":"materialradio","x-default":"center","x-form-group":"style","properties":{"left":{"x-form-name":"Left","x-form-value":"left"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"right"}}} */ + public String getAligncontent() { + return aligncontent; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Enlarge Text","x-form-type":"materialswitch","x-form-group":"style","x-form-default":"false"} */ + public String getIsprimary() { + return isprimary; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Title","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtitle() { + return showtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Title","x-form-visible":"model.showtitle == 'true'","x-form-group":"content","x-form-type":"text"} */ + public String getTitle() { + return title; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Subtitle","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowsubtitle() { + return showsubtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Subtitle","x-form-visible":"model.showsubtitle == 'true'","x-form-group":"content","x-form-rows":3,"x-form-type":"textarea"} */ + public String getSubtitle() { + return subtitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Text","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowtext() { + return showtext; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text","x-form-visible":"model.showtext == 'true'","x-form-group":"content","x-form-type":"texteditor"} */ + public String getText() { + return text; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Text Width","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-default":100} */ + public String getTextwidth() { + return textwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Button","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowbutton() { + return showbutton; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Alignment","x-form-visible":"","x-form-type":"materialradio","x-form-group":"style","x-default":"center","properties":{"left":{"x-form-name":"Left","x-form-value":"start"},"center":{"x-form-name":"Center","x-form-value":"center"},"right":{"x-form-name":"Right","x-form-value":"end"}}} */ + public String getAlignbuttons() { + return alignbuttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Button Size","x-form-type":"materialselect","x-form-visible":"model.showbutton == 'true'","x-default":"default","x-form-group":"style","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"large":{"x-form-name":"Large","x-form-value":"large"},"small":{"x-form-name":"Small","x-form-value":"small"}}} */ + public String getButtonsize() { + return buttonsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Buttons","x-form-type":"collection","x-form-group":"content","x-form-visible":"model.showbutton == 'true'","properties":{"buttontext":{"type":"string","x-source":"inject","x-form-label":"Button Text","x-form-type":"text"},"buttonlink":{"type":"string","x-source":"inject","x-form-label":"Button Link","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"},"buttoncolor":{"type":"string","x-source":"inject","x-form-label":"Button Color","x-form-type":"materialselect","x-default":"primary","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"secondary":{"x-form-name":"Secondary","x-form-value":"secondary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"info":{"x-form-name":"Info","x-form-value":"info"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}}}} */ + public List getButtons() { + return buttons; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Show Media","x-form-group":"style","x-form-type":"materialswitch"} */ + public String getShowmedia() { + return showmedia; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media type","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"materialradio","properties":{"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getMediatype() { + return mediatype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Image Source","x-form-visible":"model.mediatype == 'image' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":"","x-annotate":"size"} */ + public String getImagesrc() { + return imagesrc; + } + + public Dimension getImagesrcSize() { + return imagesrcSize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Video Source","x-form-visible":"model.mediatype == 'video' and model.showmedia == 'true'","x-form-group":"style","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/assets","x-default":""} */ + public String getVideosrc() { + return videosrc; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Alt Text/Title","x-form-visible":"model.showmedia == 'true'","x-form-group":"style","x-form-type":"text"} */ + public String getMediatitle() { + return mediatitle; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Width","x-form-group":"style","x-form-type":"materialrange","x-form-visible":"model.showmedia == 'true'","x-default":50,"x-form-min":10,"x-form-max":100} */ + public String getMediawidth() { + return mediawidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Media Position","x-form-type":"materialradio","x-form-group":"style","x-form-visible":"model.showmedia == 'true'","x-default":"before","properties":{"type1":{"x-form-name":"Before Content","x-form-value":"before"},"type2":{"x-form-name":"After Content","x-form-value":"after"}}} */ + public String getMediaposition() { + return mediaposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Anchor Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getAnchorname() { + return anchorname; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Additonal Classes","x-form-group":"advanced","x-form-type":"text"} */ + public String getExtraclasses() { + return extraclasses; + } + + /* {"type":"string","x-form-group":"advanced","x-source":"inject","x-form-label":"Semantic Element","x-form-type":"materialselect","x-default":"section","properties":{"section":{"x-form-name":"section","x-form-value":"section"},"article":{"x-form-name":"article","x-form-value":"article"},"main":{"x-form-name":"main","x-form-value":"main"},"div":{"x-form-name":"div","x-form-value":"div"},"header":{"x-form-name":"header","x-form-value":"header"},"nav":{"x-form-name":"nav","x-form-value":"nav"},"footer":{"x-form-name":"footer","x-form-value":"footer"}}} */ + public String getHtmlelement() { + return htmlelement; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Color Scheme","x-form-type":"materialradio","x-form-group":"style","x-default":"","properties":{"none":{"x-form-name":"None","x-form-value":""},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getColorscheme() { + return colorscheme; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Custom Background","x-form-group":"style","x-form-type":"materialswitch","x-default":"false"} */ + public String getCustombackground() { + return custombackground; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Type","x-form-group":"style","x-form-type":"materialradio","x-form-visible":"model.custombackground == 'true'","properties":{"color":{"x-form-name":"Color","x-form-value":"color"},"gradient":{"x-form-name":"Gradient","x-form-value":"gradient"},"image":{"x-form-name":"Image","x-form-value":"image"},"video":{"x-form-name":"Video","x-form-value":"video"}}} */ + public String getBackgroundtype() { + return backgroundtype; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Video","x-form-group":"style","x-form-type":"pathbrowser","x-form-visible":"model.backgroundtype == 'video' and model.custombackground == 'true'","x-default":"https://www.youtube.com/embed/Ju86mknumYM","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgvideo() { + return bgvideo; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Image","x-form-type":"pathbrowser","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-form-browserRoot":"/content/themecleanflex/assets"} */ + public String getBgimage() { + return bgimage; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background X Position","x-form-type":"materialrange","x-form-group":"style","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgxposition() { + return bgxposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Y Position","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getBgyposition() { + return bgyposition; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Size Style","x-form-type":"text","x-form-group":"style","x-default":"cover"} */ + public String getBgsize() { + return bgsize; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay","x-form-type":"materialswitch","x-form-group":"style","x-form-visible":"model.backgroundtype == 'image' and model.custombackground == 'true'"} */ + public String getOverlay() { + return overlay; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay Color","x-form-group":"style","x-form-type":"color","x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getOverlaycolor() { + return overlaycolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Overlay opacity","x-form-group":"style","x-form-type":"materialrange","x-form-min":0,"x-form-max":100,"x-form-visible":"model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'","x-default":"50"} */ + public String getOverlayopacity() { + return overlayopacity; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Background Color","x-form-group":"style","x-form-type":"color","x-form-visible":"(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'","x-default":"#ffffff"} */ + public String getBgcolor() { + return bgcolor; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Color 2","x-form-group":"style","x-form-type":"color","x-form-visible":"model.backgroundtype == 'gradient' and model.custombackground == 'true'","x-default":"#c0c0c0"} */ + public String getColor2() { + return color2; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Block Width","x-form-type":"materialradio","x-form-group":"style","x-default":"default","properties":{"default":{"x-form-name":"Default","x-form-value":"default"},"full":{"x-form-name":"Full Width","x-form-value":"full"},"article":{"x-form-name":"Article Width","x-form-value":"article"}}} */ + public String getBlockwidth() { + return blockwidth; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Full Height","x-form-type":"materialswitch","x-form-group":"style","x-default":"false"} */ + public String getFullheight() { + return fullheight; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Top Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getToppadding() { + return toppadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Bottom Padding","x-form-type":"materialrange","x-form-min":0,"x-form-max":300,"x-form-group":"style","x-form-visible":"model.fullheight != 'true'"} */ + public String getBottompadding() { + return bottompadding; + } + + /* {"type":"string","x-source":"inject","x-form-label":"Content Name","x-form-group":"advanced","x-form-type":"text"} */ + public String getContentname() { + return contentname; + } + //GEN] + + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java index 1dd8a56f4..1da791c06 100644 --- a/core/src/main/java/com/themecleanflex/models/TextlinksModel.java +++ b/core/src/main/java/com/themecleanflex/models/TextlinksModel.java @@ -88,44 +88,44 @@ //GEN[:DEF @Model( - adaptables = Resource.class, - resourceType = "themecleanflex/components/textlinks", - defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, - adapters = IComponent.class + adaptables = Resource.class, + resourceType = "themecleanflex/components/textlinks", + defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL, + adapters = IComponent.class ) @Exporter(name = "jackson", extensions = "json") //GEN] public class TextlinksModel extends AbstractComponent { - public TextlinksModel(Resource r) { - super(r); - } + public TextlinksModel(Resource r) { + super(r); + } - //GEN[:INJECT - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - @Inject - private List links; + //GEN[:INJECT + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + @Inject + private List links; - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - @Inject - @Default(values = "text-blue-800") - private String linkcolor; + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + @Inject + @Default(values = "text-blue-800") + private String linkcolor; - //GEN] + //GEN] - //GEN[:GETTERS - /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ - public List getLinks() { - return links; - } + //GEN[:GETTERS + /* {"type":"object","x-source":"inject","x-form-group":"content","x-form-type":"collection","x-form-label":"Links","properties":{"text":{"type":"string","x-source":"inject","x-form-label":"Link Text","x-form-type":"text"},"link":{"type":"string","x-source":"inject","x-form-label":"Link Url","x-form-type":"pathbrowser","x-form-browserRoot":"/content/themecleanflex/pages"}}} */ + public List getLinks() { + return links; + } - /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ - public String getLinkcolor() { - return linkcolor; - } - //GEN] + /* {"type":"string","x-source":"inject","x-form-label":"Link Color","x-form-group":"style","x-form-type":"materialselect","x-default":"text-blue-800","properties":{"primary":{"x-form-name":"Primary","x-form-value":"primary"},"success":{"x-form-name":"Success","x-form-value":"success"},"danger":{"x-form-name":"Danger","x-form-value":"danger"},"warning":{"x-form-name":"Warning","x-form-value":"warning"},"light":{"x-form-name":"Light","x-form-value":"light"},"dark":{"x-form-name":"Dark","x-form-value":"dark"}}} */ + public String getLinkcolor() { + return linkcolor; + } + //GEN] - //GEN[:CUSTOMGETTERS - //GEN] + //GEN[:CUSTOMGETTERS + //GEN] } diff --git a/fragments/accordion/hatch.js b/fragments/accordion/hatch.js index bccd96d53..d934bda06 100644 --- a/fragments/accordion/hatch.js +++ b/fragments/accordion/hatch.js @@ -1,24 +1,24 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Header - f.addIf($.find("h2").first(), "model.showtitle == 'true'"); - f.mapField($.find("h2").first(), "model.title"); + //Header + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "model.title"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'flex-col': model.mediaposition === 'before', 'flex-col-reverse': model.mediaposition === 'after', 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' }`; - let contentDiv = $.find(".flex").first(); - f.bindAttribute(contentDiv, "class", containerClasses, false); + let contentDiv = $.find(".flex").first(); + f.bindAttribute(contentDiv, "class", containerClasses, false); - let accordionClasses = `{ + let accordionClasses = `{ 'bg-white' : model.colorscheme === 'light', 'bg-gray-800' : model.colorscheme === 'dark', 'border border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', @@ -29,80 +29,84 @@ module.exports = { 'rounded-lg': model.roundedcorners == 'large', 'rounded-full': model.roundedcorners == 'full' }`; - let accordionDiv = contentDiv.find(".accordion-container").first(); - f.bindAttribute(accordionDiv, "class", accordionClasses, false); + let accordionDiv = contentDiv.find(".accordion-container").first(); + f.bindAttribute(accordionDiv, "class", accordionClasses, false); - let mediaClasses = `{ + let mediaClasses = `{ 'img-wrapper rounded-none': model.roundedcorners == 'none', 'img-wrapper rounded-sm': model.roundedcorners == 'small', 'img-wrapper rounded': model.roundedcorners == 'medium', 'img-wrapper rounded-lg': model.roundedcorners == 'large', 'img-wrapper rounded-full': model.roundedcorners == 'full' }`; - //Media - let mediaDiv = contentDiv.find(".img-wrapper").first(); - f.addIf(mediaDiv, "model.showmedia === 'true'"); - f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); - f.bindAttribute(mediaDiv, "class", mediaClasses, false); - f.replace( - mediaDiv.find("img"), - '' - ); + //Media + let mediaDiv = contentDiv.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.bindAttribute(mediaDiv, "class", mediaClasses, false); + f.replace( + mediaDiv.find("img"), + '' + ); - let accordionContainerClasses = `{ + let accordionContainerClasses = `{ 'border-b border-solid border-gray-300': model.colorscheme === 'light' && model.cardborder === 'true', 'border-b border-solid border-gray-900': model.colorscheme === 'dark' && model.cardborder === 'true', 'bg-secondary': active[i] }`; - //Accordion Container - let accordionContainer = $.find("div:nth-child(1)").eq(1); - f.addFor(accordionContainer, "model.accordiontoggle"); - f.bindAttribute( - accordionContainer, - "id", - "`accordion${_uid}${parseInt(i)+1}`" - ); - f.bindAttribute( - accordionContainer, - "class", - accordionContainerClasses, - false - ); + //Accordion Container + let accordionContainer = $.find("div:nth-child(1)").eq(1); + f.addFor(accordionContainer, "model.accordiontoggle"); + f.bindAttribute( + accordionContainer, + "id", + "`accordion${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + accordionContainer, + "class", + accordionContainerClasses, + false + ); - //Accordion Item Title Bar - let toggle = $.find(".accordion-toggle-button").first(); - let toggleText = toggle.find("span"); - f.bindEvent(toggle, "click", "toggleItem(i)"); - f.bindAttribute(toggle, "aria-expanded", "active[i] ? 'true' : 'false'"); - f.mapField(toggleText, "item.title", "model.accordiontoggle", "title"); + //Accordion Item Title Bar + let toggle = $.find(".accordion-toggle-button").first(); + let toggleText = toggle.find("span"); + f.bindEvent(toggle, "click", "toggleItem(i)"); + f.bindAttribute( + toggle, + "aria-expanded", + "active[i] ? 'true' : 'false'" + ); + f.mapField(toggleText, "item.title", "model.accordiontoggle", "title"); - //Acocordion Item Body - f.mapRichField( - $.find("div.card-content > div").first(), - "item.text", - "model.accordiontoggle", - "text" - ); - f.bindAttribute( - $.find("div.card-content > div").first(), - "ref", - "`cardContent${i}`" - ); - f.addStyle( - $.find("div.card-content").first(), - "height", - "active[i] ? heights[i] + 'px' : '0px'" - ); - f.addStyle( - $.find("svg").first(), - "transform", - "active[i] ? 'rotate(180deg)': 'rotate(0)'" - ); + //Acocordion Item Body + f.mapRichField( + $.find("div.card-content > div").first(), + "item.text", + "model.accordiontoggle", + "text" + ); + f.bindAttribute( + $.find("div.card-content > div").first(), + "ref", + "`cardContent${i}`" + ); + f.addStyle( + $.find("div.card-content").first(), + "height", + "active[i] ? heights[i] + 'px' : '0px'" + ); + f.addStyle( + $.find("svg").first(), + "transform", + "active[i] ? 'rotate(180deg)': 'rotate(0)'" + ); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/accordion/model.json b/fragments/accordion/model.json index 6d42ea5cc..f28abf9ad 100644 --- a/fragments/accordion/model.json +++ b/fragments/accordion/model.json @@ -1,130 +1,130 @@ { - "definitions": { - "Accordion": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "toggletype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Collapse Style", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-default": "accordion", - "properties": { - "toggle": { - "x-form-name": "Toggle", - "x-form-value": "toggle" - }, - "accordion": { - "x-form-name": "Accordion", - "x-form-value": "accordion" - } - } - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "cardborder": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Border", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "roundedcorners": { - "type": "string", - "x-source": "inject", - "x-form-label": "Rounded Corners", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "none", - "properties": { - "none": { - "x-form-name": "none", - "x-form-value": "none" - }, - "small": { - "x-form-name": "small", - "x-form-value": "small" - }, - "medium": { - "x-form-name": "medium", - "x-form-value": "medium" - }, - "large": { - "x-form-name": "large", - "x-form-value": "large" - }, - "full": { - "x-form-name": "full", - "x-form-value": "full" - } - } - }, - "accordiontoggle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Accordion/Toggle", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-type": "texteditor" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Accordion": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "toggletype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Collapse Style", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-default": "accordion", + "properties": { + "toggle": { + "x-form-name": "Toggle", + "x-form-value": "toggle" + }, + "accordion": { + "x-form-name": "Accordion", + "x-form-value": "accordion" + } + } + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "cardborder": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Border", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "roundedcorners": { + "type": "string", + "x-source": "inject", + "x-form-label": "Rounded Corners", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "none", + "properties": { + "none": { + "x-form-name": "none", + "x-form-value": "none" + }, + "small": { + "x-form-name": "small", + "x-form-value": "small" + }, + "medium": { + "x-form-name": "medium", + "x-form-value": "medium" + }, + "large": { + "x-form-name": "large", + "x-form-value": "large" + }, + "full": { + "x-form-name": "full", + "x-form-value": "full" + } + } + }, + "accordiontoggle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Accordion/Toggle", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-type": "texteditor" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/accordion/sample-accordiondark.json b/fragments/accordion/sample-accordiondark.json index c505cbe79..0dc92344b 100644 --- a/fragments/accordion/sample-accordiondark.json +++ b/fragments/accordion/sample-accordiondark.json @@ -1,31 +1,31 @@ { - "title": "Accordion - Dark", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion Dark Theme", - "backgroundtype": "color", - "colorscheme": "dark", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "blockwidth": "article", - "toggletype": "accordion", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - } - ] - } + "title": "Accordion - Dark", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion Dark Theme", + "backgroundtype": "color", + "colorscheme": "dark", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "blockwidth": "article", + "toggletype": "accordion", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample-accordionmedia.json b/fragments/accordion/sample-accordionmedia.json index 88daa57fe..57d3dac36 100644 --- a/fragments/accordion/sample-accordionmedia.json +++ b/fragments/accordion/sample-accordionmedia.json @@ -1,31 +1,31 @@ { - "title": "Accordion - With Media", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "showmedia": "true", - "blockwidth": "article", - "toggletype": "accordion", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - } - ] - } + "title": "Accordion - With Media", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/heel_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "showmedia": "true", + "blockwidth": "article", + "toggletype": "accordion", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample-bg.json b/fragments/accordion/sample-bg.json index b07101f81..4ab4be6ae 100644 --- a/fragments/accordion/sample-bg.json +++ b/fragments/accordion/sample-bg.json @@ -1,36 +1,36 @@ { - "title": "Accordion - Background Image", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "colorscheme": "light", - "overlay": "true", - "overlaycolor": "#000000", - "overlayopacity": "25", - "bottompadding": "150", - "toppadding": "150", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Why accordion?" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "How to accordion?" - }, - { - "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", - "title": "Join accordion" - } - ] - } + "title": "Accordion - Background Image", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "colorscheme": "light", + "overlay": "true", + "overlaycolor": "#000000", + "overlayopacity": "25", + "bottompadding": "150", + "toppadding": "150", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Why accordion?" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "How to accordion?" + }, + { + "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", + "title": "Join accordion" + } + ] + } } diff --git a/fragments/accordion/sample-blank.json b/fragments/accordion/sample-blank.json index 6911a7a2a..22dc34869 100644 --- a/fragments/accordion/sample-blank.json +++ b/fragments/accordion/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Accordion", - "group": "Features", - "model": { - "tabs": [] - } + "title": "Accordion", + "group": "Features", + "model": { + "tabs": [] + } } diff --git a/fragments/accordion/sample-empty.json b/fragments/accordion/sample-empty.json index f6d0ea9f9..034e08679 100644 --- a/fragments/accordion/sample-empty.json +++ b/fragments/accordion/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Accordion no default values", - "group": "Empty", - "model": { - "tabs": [] - } + "title": "Accordion no default values", + "group": "Empty", + "model": { + "tabs": [] + } } diff --git a/fragments/accordion/sample-rte.json b/fragments/accordion/sample-rte.json index c883d1139..8ba1f2260 100644 --- a/fragments/accordion/sample-rte.json +++ b/fragments/accordion/sample-rte.json @@ -1,31 +1,31 @@ { - "title": "Accordion With Full RTE", - "group": ".hidden", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion With Full RTE", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "title": "Big RTE Test Chunk" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "How to accordion?" - }, - { - "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", - "title": "Join accordion" - } - ] - } + "title": "Accordion With Full RTE", + "group": ".hidden", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion With Full RTE", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "title": "Big RTE Test Chunk" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "How to accordion?" + }, + { + "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", + "title": "Join accordion" + } + ] + } } diff --git a/fragments/accordion/sample-toggle.json b/fragments/accordion/sample-toggle.json index d1ea16b9d..eb65e94f1 100644 --- a/fragments/accordion/sample-toggle.json +++ b/fragments/accordion/sample-toggle.json @@ -1,31 +1,31 @@ { - "title": "Toggle", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Toggle", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "toggletype": "toggle", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Why accordion?" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "How to accordion?" - }, - { - "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", - "title": "Join accordion" - } - ] - } + "title": "Toggle", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Toggle", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "toggletype": "toggle", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Why accordion?" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "How to accordion?" + }, + { + "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", + "title": "Join accordion" + } + ] + } } diff --git a/fragments/accordion/sample-togglemedia.json b/fragments/accordion/sample-togglemedia.json index 8d99257ed..90ef0c9e5 100644 --- a/fragments/accordion/sample-togglemedia.json +++ b/fragments/accordion/sample-togglemedia.json @@ -1,32 +1,32 @@ { - "title": "Toggle - With Media", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Toggle", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "color2": "#ffffff", - "fullheight": "false", - "bottompadding": "30", - "toppadding": "30", - "mediatype": "image", - "mediaposition": "after", - "imagesrc": "/content/themecleanflex/assets/samples/oldboat_small.jpg", - "mediatitle": "Old Ship sailing into sunset", - "mediawidth": "33", - "blockwidth": "article", - "showmedia": "true", - "toggletype": "toggle", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - } - ] - } + "title": "Toggle - With Media", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Toggle", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "color2": "#ffffff", + "fullheight": "false", + "bottompadding": "30", + "toppadding": "30", + "mediatype": "image", + "mediaposition": "after", + "imagesrc": "/content/themecleanflex/assets/samples/oldboat_small.jpg", + "mediatitle": "Old Ship sailing into sunset", + "mediawidth": "33", + "blockwidth": "article", + "showmedia": "true", + "toggletype": "toggle", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + } + ] + } } diff --git a/fragments/accordion/sample.json b/fragments/accordion/sample.json index 8b4a11d79..be2c9e946 100644 --- a/fragments/accordion/sample.json +++ b/fragments/accordion/sample.json @@ -1,31 +1,31 @@ { - "title": "Accordion - Light", - "group": "Features", - "model": { - "showtitle": "true", - "title": "Peregrine Accordion", - "backgroundtype": "color", - "bgcolor": "#f1f1f1", - "color2": "#ffffff", - "bottompadding": "30", - "toppadding": "30", - "showmedia": "false", - "mediawidth": "33", - "blockwidth": "article", - "accordionortoggle": "false", - "accordiontoggle": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Why accordion?" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "How to accordion?" - }, - { - "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", - "title": "Join accordion" - } - ] - } + "title": "Accordion - Light", + "group": "Features", + "model": { + "showtitle": "true", + "title": "Peregrine Accordion", + "backgroundtype": "color", + "bgcolor": "#f1f1f1", + "color2": "#ffffff", + "bottompadding": "30", + "toppadding": "30", + "showmedia": "false", + "mediawidth": "33", + "blockwidth": "article", + "accordionortoggle": "false", + "accordiontoggle": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Why accordion?" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "How to accordion?" + }, + { + "text": "

            remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

            ", + "title": "Join accordion" + } + ] + } } diff --git a/fragments/accordion/template.html b/fragments/accordion/template.html index 05630133e..75aabf443 100644 --- a/fragments/accordion/template.html +++ b/fragments/accordion/template.html @@ -1,46 +1,46 @@
            -

            Toggle with media

            +

            Toggle with media

            -
            -
            - -
            +
            +
            + +
            -
            -
            -

            - -

            +
            +
            +

            + +

            -
            -
            -
            -
            -
            -
            +
            +
            +
            +
            +
            +
            diff --git a/fragments/accordion/template.vue b/fragments/accordion/template.vue index cbd917a75..8c06bdd2a 100644 --- a/fragments/accordion/template.vue +++ b/fragments/accordion/template.vue @@ -1,44 +1,48 @@ diff --git a/fragments/block/hatch.js b/fragments/block/hatch.js index cddfde6f8..edbeb35a9 100644 --- a/fragments/block/hatch.js +++ b/fragments/block/hatch.js @@ -1,44 +1,44 @@ module.exports = { - convert: function ($, f) { - f.bindAttribute( - $, - "class", - "[classes, colors, model.component, model.extraclasses]", - false - ); - f.bindAttribute($, "style", "[styles, sticky]", false); - f.bindAttribute($, "data-per-path", "model.path"); - f.bindAttribute($, "is", 'model.htmlelement || "div"'); + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "[classes, colors, model.component, model.extraclasses]", + false + ); + f.bindAttribute($, "style", "[styles, sticky]", false); + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - f.bindAttribute($, "id", "model.anchorname"); + f.bindAttribute($, "id", "model.anchorname"); - f.addIf( - $.find("div.embed-responsive").first(), - "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" - ); - f.bindAttribute($.find("iframe").first(), "src", "videoSource"); - f.addStyle( - $.find("div.embed-responsive").first(), - "position", - "'absolute'" - ); - f.addStyle( - $.find("div.embed-responsive").first(), - "pointer-events", - "'none'" - ); - f.addStyle($.find("div.embed-responsive").first(), "z-index", "'-1'"); - $.find("div.flex").append(""); + f.addIf( + $.find("div.embed-responsive").first(), + "model.custombackground === 'true' && model.backgroundtype == 'video' && model.bgvideo" + ); + f.bindAttribute($.find("iframe").first(), "src", "videoSource"); + f.addStyle( + $.find("div.embed-responsive").first(), + "position", + "'absolute'" + ); + f.addStyle( + $.find("div.embed-responsive").first(), + "pointer-events", + "'none'" + ); + f.addStyle($.find("div.embed-responsive").first(), "z-index", "'-1'"); + $.find("div.flex").append(""); - let containerClasses = `{ + let containerClasses = `{ 'container mx-auto' : model.blockwidth === 'default', 'w-full max-w-3xl mx-auto' : model.blockwidth === 'article' }`; - f.bindAttribute( - $.find("div.flex").first(), - "class", - containerClasses, - false - ); - }, + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); + }, }; diff --git a/fragments/block/model-spacer.json b/fragments/block/model-spacer.json index d5febb736..e70a6c606 100644 --- a/fragments/block/model-spacer.json +++ b/fragments/block/model-spacer.json @@ -1,183 +1,183 @@ { - "definitions": { - "Block": { - "type": "object", - "x-type": "component", - "properties": { - "anchorname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Anchor Name", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "colorscheme": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Color Scheme", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "", - "properties": { - "none": { - "x-form-name": "None", - "x-form-value": "" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "custombackground": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Background", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "false" - }, - "backgroundtype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Type", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-form-visible": "model.custombackground == 'true'", - "properties": { - "color": { - "x-form-name": "Color", - "x-form-value": "color" - }, - "gradient": { - "x-form-name": "Gradient", - "x-form-value": "gradient" - }, - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "bgvideo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Video", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x-default": "https://www.youtube.com/embed/Ju86mknumYM", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgimage": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgxposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background X Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgyposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Y Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image Size", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "cover", - "properties": { - "section": { - "x-form-name": "cover", - "x-form-value": "cover" - }, - "article": { - "x-form-name": "contain", - "x-form-value": "contain" - }, - "main": { - "x-form-name": "auto", - "x-form-value": "auto" - } - } - }, - "overlay": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" - }, - "overlaycolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "overlayopacity": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay opacity", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "color2": { - "type": "string", - "x-source": "inject", - "x-form-label": "Color 2", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x-default": "#c0c0c0" - } - } - } - } + "definitions": { + "Block": { + "type": "object", + "x-type": "component", + "properties": { + "anchorname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Anchor Name", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "colorscheme": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Color Scheme", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "", + "properties": { + "none": { + "x-form-name": "None", + "x-form-value": "" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "custombackground": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Background", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "false" + }, + "backgroundtype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Type", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-form-visible": "model.custombackground == 'true'", + "properties": { + "color": { + "x-form-name": "Color", + "x-form-value": "color" + }, + "gradient": { + "x-form-name": "Gradient", + "x-form-value": "gradient" + }, + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "bgvideo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Video", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x-default": "https://www.youtube.com/embed/Ju86mknumYM", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgimage": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgxposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background X Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgyposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Y Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image Size", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "cover", + "properties": { + "section": { + "x-form-name": "cover", + "x-form-value": "cover" + }, + "article": { + "x-form-name": "contain", + "x-form-value": "contain" + }, + "main": { + "x-form-name": "auto", + "x-form-value": "auto" + } + } + }, + "overlay": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" + }, + "overlaycolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "overlayopacity": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay opacity", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "color2": { + "type": "string", + "x-source": "inject", + "x-form-label": "Color 2", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x-default": "#c0c0c0" + } + } + } + } } diff --git a/fragments/block/model.json b/fragments/block/model.json index 4ef01905d..b415181ed 100644 --- a/fragments/block/model.json +++ b/fragments/block/model.json @@ -1,270 +1,270 @@ { - "definitions": { - "Block": { - "type": "object", - "x-type": "component", - "properties": { - "anchorname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Anchor Name", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "extraclasses": { - "type": "string", - "x-source": "inject", - "x-form-label": "Additonal Classes", - "x-form-group": "advanced", - "x-form-type": "text" - }, - "htmlelement": { - "type": "string", - "x-form-group": "advanced", - "x-source": "inject", - "x-form-label": "Semantic Element", - "x-form-type": "materialselect", - "x-default": "section", - "properties": { - "section": { - "x-form-name": "section", - "x-form-value": "section" - }, - "article": { - "x-form-name": "article", - "x-form-value": "article" - }, - "main": { - "x-form-name": "main", - "x-form-value": "main" - }, - "div": { - "x-form-name": "div", - "x-form-value": "div" - }, - "header": { - "x-form-name": "header", - "x-form-value": "header" - }, - "nav": { - "x-form-name": "nav", - "x-form-value": "nav" - }, - "footer": { - "x-form-name": "footer", - "x-form-value": "footer" - } - } - }, - "colorscheme": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Color Scheme", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "", - "properties": { - "none": { - "x-form-name": "None", - "x-form-value": "" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "custombackground": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Background", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "false" - }, - "backgroundtype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Type", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-form-visible": "model.custombackground == 'true'", - "properties": { - "color": { - "x-form-name": "Color", - "x-form-value": "color" - }, - "gradient": { - "x-form-name": "Gradient", - "x-form-value": "gradient" - }, - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "bgvideo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Video", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x-default": "https://www.youtube.com/embed/Ju86mknumYM", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgimage": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Image", - "x-form-type": "pathbrowser", - "x-form-group": "style", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "bgxposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background X Position", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgyposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Y Position", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Size Style", - "x-form-type": "text", - "x-form-group": "style", - "x-default": "cover" - }, - "overlay": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" - }, - "overlaycolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "overlayopacity": { - "type": "string", - "x-source": "inject", - "x-form-label": "Overlay opacity", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x-default": "50" - }, - "bgcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Background Color", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x-default": "#ffffff" - }, - "color2": { - "type": "string", - "x-source": "inject", - "x-form-label": "Color 2", - "x-form-group": "style", - "x-form-type": "color", - "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x-default": "#c0c0c0" - }, - "blockwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Width", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "full": { - "x-form-name": "Full Width", - "x-form-value": "full" - }, - "article": { - "x-form-name": "Article Width", - "x-form-value": "article" - } - } - }, - "fullheight": { - "type": "string", - "x-source": "inject", - "x-form-label": "Full Height", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "false" - }, - "toppadding": { - "type": "string", - "x-source": "inject", - "x-form-label": "Top Padding", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 300, - "x-form-group": "style", - "x-form-visible": "model.fullheight != 'true'" - }, - "bottompadding": { - "type": "string", - "x-source": "inject", - "x-form-label": "Bottom Padding", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 300, - "x-form-group": "style", - "x-form-visible": "model.fullheight != 'true'" - }, - "contentname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Name", - "x-form-group": "advanced", - "x-form-type": "text" - } - } - } - } + "definitions": { + "Block": { + "type": "object", + "x-type": "component", + "properties": { + "anchorname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Anchor Name", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "extraclasses": { + "type": "string", + "x-source": "inject", + "x-form-label": "Additonal Classes", + "x-form-group": "advanced", + "x-form-type": "text" + }, + "htmlelement": { + "type": "string", + "x-form-group": "advanced", + "x-source": "inject", + "x-form-label": "Semantic Element", + "x-form-type": "materialselect", + "x-default": "section", + "properties": { + "section": { + "x-form-name": "section", + "x-form-value": "section" + }, + "article": { + "x-form-name": "article", + "x-form-value": "article" + }, + "main": { + "x-form-name": "main", + "x-form-value": "main" + }, + "div": { + "x-form-name": "div", + "x-form-value": "div" + }, + "header": { + "x-form-name": "header", + "x-form-value": "header" + }, + "nav": { + "x-form-name": "nav", + "x-form-value": "nav" + }, + "footer": { + "x-form-name": "footer", + "x-form-value": "footer" + } + } + }, + "colorscheme": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Color Scheme", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "", + "properties": { + "none": { + "x-form-name": "None", + "x-form-value": "" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "custombackground": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Background", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "false" + }, + "backgroundtype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Type", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-form-visible": "model.custombackground == 'true'", + "properties": { + "color": { + "x-form-name": "Color", + "x-form-value": "color" + }, + "gradient": { + "x-form-name": "Gradient", + "x-form-value": "gradient" + }, + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "bgvideo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Video", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x-default": "https://www.youtube.com/embed/Ju86mknumYM", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgimage": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Image", + "x-form-type": "pathbrowser", + "x-form-group": "style", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "bgxposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background X Position", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgyposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Y Position", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Size Style", + "x-form-type": "text", + "x-form-group": "style", + "x-default": "cover" + }, + "overlay": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-visible": "model.backgroundtype == 'image' and model.custombackground == 'true'" + }, + "overlaycolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "overlayopacity": { + "type": "string", + "x-source": "inject", + "x-form-label": "Overlay opacity", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-form-visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x-default": "50" + }, + "bgcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Background Color", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x-default": "#ffffff" + }, + "color2": { + "type": "string", + "x-source": "inject", + "x-form-label": "Color 2", + "x-form-group": "style", + "x-form-type": "color", + "x-form-visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x-default": "#c0c0c0" + }, + "blockwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Width", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "full": { + "x-form-name": "Full Width", + "x-form-value": "full" + }, + "article": { + "x-form-name": "Article Width", + "x-form-value": "article" + } + } + }, + "fullheight": { + "type": "string", + "x-source": "inject", + "x-form-label": "Full Height", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "false" + }, + "toppadding": { + "type": "string", + "x-source": "inject", + "x-form-label": "Top Padding", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 300, + "x-form-group": "style", + "x-form-visible": "model.fullheight != 'true'" + }, + "bottompadding": { + "type": "string", + "x-source": "inject", + "x-form-label": "Bottom Padding", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 300, + "x-form-group": "style", + "x-form-visible": "model.fullheight != 'true'" + }, + "contentname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Name", + "x-form-group": "advanced", + "x-form-type": "text" + } + } + } + } } diff --git a/fragments/block/template.html b/fragments/block/template.html index 3596dd9e0..eab124113 100644 --- a/fragments/block/template.html +++ b/fragments/block/template.html @@ -1,9 +1,9 @@ -
            - -
            +
            + +
            -
            +
            diff --git a/fragments/block/template.vue b/fragments/block/template.vue index e8e626d23..12b92bcd7 100644 --- a/fragments/block/template.vue +++ b/fragments/block/template.vue @@ -1,152 +1,155 @@ diff --git a/fragments/breadcrumb/hatch.js b/fragments/breadcrumb/hatch.js index 88e4efc14..5113e50d1 100644 --- a/fragments/breadcrumb/hatch.js +++ b/fragments/breadcrumb/hatch.js @@ -1,18 +1,18 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let span = $.find("span").first(); - f.addFor(span, "model.links"); - f.bindAttribute( - span, - "class", - "{'font-bold': i === model.links.length - 1}", - false - ); + let span = $.find("span").first(); + f.addFor(span, "model.links"); + f.bindAttribute( + span, + "class", + "{'font-bold': i === model.links.length - 1}", + false + ); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700': model.linkcolor === 'success', 'text-red-700': model.linkcolor === 'danger', @@ -21,20 +21,20 @@ module.exports = { 'text-black': model.linkcolor === 'dark' }`; - let anchor = $.find("a"); - f.addIf(anchor, "i + 1 < model.links.length"); - f.bindAttribute(anchor, "href", "item.link + '.html'"); - f.mapField(anchor, "item.text", false); + let anchor = $.find("a"); + f.addIf(anchor, "i + 1 < model.links.length"); + f.bindAttribute(anchor, "href", "item.link + '.html'"); + f.mapField(anchor, "item.text", false); - f.bindAttribute(anchor, "class", aClasses, false); + f.bindAttribute(anchor, "class", aClasses, false); - let spanInner = span.find("span"); - f.addIf(spanInner, "i+1 === model.links.length"); - f.mapField(spanInner, "item.text", false); + let spanInner = span.find("span"); + f.addIf(spanInner, "i+1 === model.links.length"); + f.mapField(spanInner, "item.text", false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/breadcrumb/model.json b/fragments/breadcrumb/model.json index 40d8e58f2..bb4df57d2 100644 --- a/fragments/breadcrumb/model.json +++ b/fragments/breadcrumb/model.json @@ -1,56 +1,56 @@ { - "definitions": { - "Breadcrumb": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "level": { - "type": "string", - "x-source": "inject", - "x-form-label": "Number Of Levels", - "x-form-group": "content", - "x-form-type": "number" - }, - "linkcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Breadcrumb": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "level": { + "type": "string", + "x-source": "inject", + "x-form-label": "Number Of Levels", + "x-form-group": "content", + "x-form-type": "number" + }, + "linkcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/breadcrumb/sample.json b/fragments/breadcrumb/sample.json index fa0fb454d..a4c33eb6e 100644 --- a/fragments/breadcrumb/sample.json +++ b/fragments/breadcrumb/sample.json @@ -1,10 +1,10 @@ { - "title": "Breadcrumb", - "group": "Chrome", - "model": { - "level": "3", - "toppadding": 10, - "bottompadding": 10, - "linkcolor": "primary" - } + "title": "Breadcrumb", + "group": "Chrome", + "model": { + "level": "3", + "toppadding": 10, + "bottompadding": 10, + "linkcolor": "primary" + } } diff --git a/fragments/breadcrumb/template.html b/fragments/breadcrumb/template.html index 90ce6a20d..b6eac2f58 100644 --- a/fragments/breadcrumb/template.html +++ b/fragments/breadcrumb/template.html @@ -1,6 +1,6 @@
            - - Home - - + + Home + +
            diff --git a/fragments/breadcrumb/template.vue b/fragments/breadcrumb/template.vue index 5847b0b77..028e0d027 100644 --- a/fragments/breadcrumb/template.vue +++ b/fragments/breadcrumb/template.vue @@ -1,51 +1,51 @@ diff --git a/fragments/cards/hatch.js b/fragments/cards/hatch.js index 30a3d804c..b93f71996 100644 --- a/fragments/cards/hatch.js +++ b/fragments/cards/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let widths = `{ + let widths = `{ 'lg:w-full': model.cardsperrow == 1, 'lg:w-1/2': model.cardsperrow == 2, 'lg:w-1/3': model.cardsperrow == 3, @@ -24,11 +24,11 @@ module.exports = { 'w-1/6': model.cardsperrowmobile == 6, }`; - //Card Width - f.bindAttribute($.find("div.card").first(), "class", widths, false); + //Card Width + f.bindAttribute($.find("div.card").first(), "class", widths, false); - //Card - let cardClasses = `{ + //Card + let cardClasses = `{ 'card--bg': model.showcard === 'true' || model.customcardcolor === 'true', 'bg-secondary': model.showcard === 'true' && model.customcardcolor !== 'true', 'border border-solid': (model.customcardcolor !== 'true') && model.cardborder === 'true', @@ -38,70 +38,74 @@ module.exports = { 'rounded-lg': model.roundedcorners == 'large' }`; - f.addFor($.find("div.card").first(), "model.cards"); - f.addStyle( - $.find("div.card > div").first(), - "background-color", - "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''" - ); - f.bindAttribute( - $.find("div.card > div").first(), - "class", - cardClasses, - false - ); + f.addFor($.find("div.card").first(), "model.cards"); + f.addStyle( + $.find("div.card > div").first(), + "background-color", + "model.customcardcolor === 'true' && model.showcard === 'true' ? model.cardcolor: ''" + ); + f.bindAttribute( + $.find("div.card > div").first(), + "class", + cardClasses, + false + ); - let cardBodyClasses = `{ + let cardBodyClasses = `{ 'p-6': model.showcard === 'true' || model.cardborder === 'true' }`; - f.bindAttribute( - $.find("div.card>div>div").eq(1), - "class", - cardBodyClasses, - false - ); + f.bindAttribute( + $.find("div.card>div>div").eq(1), + "class", + cardBodyClasses, + false + ); - f.bindAttribute( - $.find("div.card>div>div").eq(0), - "style", - '{width: item.imagewidth + "%"}' - ); - //Image - f.replace($.find("img"), ""); - f.bindAttribute( - $.find("v-lazy-image").first(), - "class", - "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'" - ); - f.bindAttribute( - $.find("v-lazy-image").first(), - "src", - f.pathToUrl("item.image") - ); - f.bindAttribute($.find("v-lazy-image").first(), "alt", "item.imagealttext"); - f.bindAttribute( - $.find("v-lazy-image").first(), - "src-placeholder", - "placeholderSrc(item)" - ); - f.addIf($.find("v-lazy-image").first(), "item.image"); + f.bindAttribute( + $.find("div.card>div>div").eq(0), + "style", + '{width: item.imagewidth + "%"}' + ); + //Image + f.replace($.find("img"), ""); + f.bindAttribute( + $.find("v-lazy-image").first(), + "class", + "model.showcard === 'true' || model.cardborder === 'true' ? 'card-img w-full' : 'card-img mb-3 w-full'" + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src", + f.pathToUrl("item.image") + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "alt", + "item.imagealttext" + ); + f.bindAttribute( + $.find("v-lazy-image").first(), + "src-placeholder", + "placeholderSrc(item)" + ); + f.addIf($.find("v-lazy-image").first(), "item.image"); - //Title - f.addIf($.find("h2").first(), "model.showtitle == 'true'"); - f.mapField($.find("h2").first(), "item.title", "model.cards", "title"); - f.addStyle($.find("h2").first(), "color", "item.color"); + //Title + f.addIf($.find("h2").first(), "model.showtitle == 'true'"); + f.mapField($.find("h2").first(), "item.title", "model.cards", "title"); + f.addStyle($.find("h2").first(), "color", "item.color"); - //Text - f.addIf($.find("h2 + div").first(), "model.showtext == 'true'"); - f.mapRichField( - $.find("h2 + div").first(), - "item.text", - "model.cards", - "text" - ); + //Text + f.addIf($.find("h2 + div").first(), "model.showtext == 'true'"); + f.mapRichField( + $.find("h2 + div").first(), + "item.text", + "model.cards", + "text" + ); - //Button - let aClasses = `{ + //Button + let aClasses = `{ 'btn-lg': item.buttonsize === 'large', 'btn-sm': item.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -115,16 +119,16 @@ module.exports = { 'my-3': model.cardborder !== 'true' && model.showcard !== 'true' }`; - let a = $.find("a.btn"); - f.addIf($.find("div.text-center").first(), "item.buttontext"); - f.addIf(a, "showbutton(item)"); - f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); - f.bindAttribute(a, "class", aClasses, false); - f.mapField(a, "item.buttontext", "model.cards", "buttontext"); + let a = $.find("a.btn"); + f.addIf($.find("div.text-center").first(), "item.buttontext"); + f.addIf(a, "showbutton(item)"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.cards", "buttontext"); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/cards/model.json b/fragments/cards/model.json index 5fda1da9e..b351eb213 100644 --- a/fragments/cards/model.json +++ b/fragments/cards/model.json @@ -1,262 +1,262 @@ { - "definitions": { - "Cards": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Text", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Button", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "showcard": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Background", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "customcardcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Card Color", - "x-form-visible": "model.showcard == 'true'", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "cardcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Color", - "x-form-type": "color", - "x-form-visible": "model.showcard == 'true' and model.customcardcolor == 'true'", - "x-form-group": "style", - "x-default": "#ffffff" - }, - "cardborder": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Card Border", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "true" - }, - "roundedcorners": { - "type": "string", - "x-source": "inject", - "x-form-label": "Rounded Corners", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "none", - "properties": { - "none": { - "x-form-name": "none", - "x-form-value": "none" - }, - "small": { - "x-form-name": "small", - "x-form-value": "small" - }, - "medium": { - "x-form-name": "medium", - "x-form-value": "medium" - }, - "large": { - "x-form-name": "large", - "x-form-value": "large" - } - } - }, - "cardsperrow": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 4, - "x-form-min": 1, - "x-form-max": 6 - }, - "cardsperrowtab": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row (Tablet)", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 2, - "x-form-min": 1, - "x-form-max": 6 - }, - "cardsperrowmobile": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards Per Row (Mobile)", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 1, - "x-form-min": 1, - "x-form-max": 6 - }, - "cards": { - "type": "string", - "x-source": "inject", - "x-form-label": "Cards", - "x-form-fieldLabel": "title", - "x-form-group": "content", - "x-form-type": "collection", - "x-collection-type": "Card", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-type": "texteditor" - }, - "image": { - "type": "string", - "x-source": "inject", - "x-form-label": "Card Image", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-annotate": "size" - }, - "imagewidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Width", - "x-form-type": "materialrange", - "x-default": "100", - "x-form-min": "10", - "x-form-max": "100" - }, - "imagealttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" - }, - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-visible": "model.showbutton == 'true'", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-visible": "model.showbutton == 'true'", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttonalign": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Alignment", - "x-form-type": "materialselect", - "x-default": "center", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "left" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Cards": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Text", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Button", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "showcard": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Background", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "customcardcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Card Color", + "x-form-visible": "model.showcard == 'true'", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "cardcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Color", + "x-form-type": "color", + "x-form-visible": "model.showcard == 'true' and model.customcardcolor == 'true'", + "x-form-group": "style", + "x-default": "#ffffff" + }, + "cardborder": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Card Border", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "true" + }, + "roundedcorners": { + "type": "string", + "x-source": "inject", + "x-form-label": "Rounded Corners", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "none", + "properties": { + "none": { + "x-form-name": "none", + "x-form-value": "none" + }, + "small": { + "x-form-name": "small", + "x-form-value": "small" + }, + "medium": { + "x-form-name": "medium", + "x-form-value": "medium" + }, + "large": { + "x-form-name": "large", + "x-form-value": "large" + } + } + }, + "cardsperrow": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 4, + "x-form-min": 1, + "x-form-max": 6 + }, + "cardsperrowtab": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row (Tablet)", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 2, + "x-form-min": 1, + "x-form-max": 6 + }, + "cardsperrowmobile": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards Per Row (Mobile)", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 1, + "x-form-min": 1, + "x-form-max": 6 + }, + "cards": { + "type": "string", + "x-source": "inject", + "x-form-label": "Cards", + "x-form-fieldLabel": "title", + "x-form-group": "content", + "x-form-type": "collection", + "x-collection-type": "Card", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-type": "texteditor" + }, + "image": { + "type": "string", + "x-source": "inject", + "x-form-label": "Card Image", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-annotate": "size" + }, + "imagewidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Width", + "x-form-type": "materialrange", + "x-default": "100", + "x-form-min": "10", + "x-form-max": "100" + }, + "imagealttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" + }, + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-visible": "model.showbutton == 'true'", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-visible": "model.showbutton == 'true'", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttonalign": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Alignment", + "x-form-type": "materialselect", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/cards/sample-blank.json b/fragments/cards/sample-blank.json index 2f580dbc3..1395a58ca 100644 --- a/fragments/cards/sample-blank.json +++ b/fragments/cards/sample-blank.json @@ -1,11 +1,11 @@ { - "title": "Cards", - "group": "Features", - "model": { - "showtitle": "true", - "showtext": "true", - "showbutton": "true", - "showcard": "true", - "cards": [] - } + "title": "Cards", + "group": "Features", + "model": { + "showtitle": "true", + "showtext": "true", + "showbutton": "true", + "showcard": "true", + "cards": [] + } } diff --git a/fragments/cards/sample-cardsnobackground.json b/fragments/cards/sample-cardsnobackground.json index 4faba3787..83c303004 100644 --- a/fragments/cards/sample-cardsnobackground.json +++ b/fragments/cards/sample-cardsnobackground.json @@ -1,60 +1,60 @@ { - "title": "Cards - No Background", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "false", - "toppadding": "20", - "cardcolor": "#ffffff", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", - "title": "Card One" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "info", - "buttonsize": "default", - "buttonalign": "right", - "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", - "imagealttext": "Messy pile of rope", - "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint .", - "title": "Card Four" - } - ] - } + "title": "Cards - No Background", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "false", + "toppadding": "20", + "cardcolor": "#ffffff", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "info", + "buttonsize": "default", + "buttonalign": "right", + "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", + "imagealttext": "Messy pile of rope", + "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint .", + "title": "Card Four" + } + ] + } } diff --git a/fragments/cards/sample-empty.json b/fragments/cards/sample-empty.json index fd1231cab..a727888ff 100644 --- a/fragments/cards/sample-empty.json +++ b/fragments/cards/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Cards no default value", - "group": "Empty", - "model": { - "cards": [] - } + "title": "Cards no default value", + "group": "Empty", + "model": { + "cards": [] + } } diff --git a/fragments/cards/sample-rte.json b/fragments/cards/sample-rte.json index 1efa4505b..7a5743bae 100644 --- a/fragments/cards/sample-rte.json +++ b/fragments/cards/sample-rte.json @@ -1,47 +1,47 @@ { - "title": "Cards With Full RTE", - "group": ".hidden", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "true", - "toppadding": "20", - "customcardcolor": "true", - "cardcolor": "#eeeeee", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "title": "Card One" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - } - ] - } + "title": "Cards With Full RTE", + "group": ".hidden", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "true", + "toppadding": "20", + "customcardcolor": "true", + "cardcolor": "#eeeeee", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + } + ] + } } diff --git a/fragments/cards/sample.json b/fragments/cards/sample.json index 11f652298..7ccf17d92 100644 --- a/fragments/cards/sample.json +++ b/fragments/cards/sample.json @@ -1,62 +1,62 @@ { - "title": "Cards - Example", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "bottompadding": "20", - "showbutton": "true", - "showtext": "true", - "showtitle": "true", - "showcard": "true", - "toppadding": "20", - "customcardcolor": "false", - "roundedcorners": "large", - "cardcolor": "#ffffff", - "cards": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/organized-small.jpg", - "imagealttext": "Organized rope hanging on a winch", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", - "title": "Card One" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", - "imagealttext": "Several sets of rope", - "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", - "title": "Card Two" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", - "imagealttext": "Messy pile of rope", - "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", - "title": "Card Three" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "View", - "buttoncolor": "primary", - "buttonsize": "default", - "buttonalign": "center", - "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", - "imagealttext": "Tying a sailor knot", - "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.", - "title": "Card Four" - } - ] - } + "title": "Cards - Example", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "bottompadding": "20", + "showbutton": "true", + "showtext": "true", + "showtitle": "true", + "showcard": "true", + "toppadding": "20", + "customcardcolor": "false", + "roundedcorners": "large", + "cardcolor": "#ffffff", + "cards": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/organized-small.jpg", + "imagealttext": "Organized rope hanging on a winch", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.", + "title": "Card One" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg", + "imagealttext": "Several sets of rope", + "text": "Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.", + "title": "Card Two" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/close-up-cordage.jpg", + "imagealttext": "Messy pile of rope", + "text": "Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.", + "title": "Card Three" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "View", + "buttoncolor": "primary", + "buttonsize": "default", + "buttonalign": "center", + "image": "/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg", + "imagealttext": "Tying a sailor knot", + "text": "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati.", + "title": "Card Four" + } + ] + } } diff --git a/fragments/cards/template.html b/fragments/cards/template.html index f5b505ee8..c310e6f3d 100644 --- a/fragments/cards/template.html +++ b/fragments/cards/template.html @@ -1,25 +1,26 @@
            -
            -
            -
            - logo -
            +
            +
            +
            + logo +
            -
            -
            -

            Odit

            -
            - Maxime aperiam tempora sunt reprehenderit sapiente. Odit - perspiciatis itaque sed. Dolores est et. Saepe cum libero eius. Qui - omnis omnis. In vero delectus molestiae eum optio. -
            -
            - Click Me -
            -
            -
            +
            +
            +

            Odit

            +
            + Maxime aperiam tempora sunt reprehenderit sapiente. Odit + perspiciatis itaque sed. Dolores est et. Saepe cum + libero eius. Qui omnis omnis. In vero delectus molestiae + eum optio. +
            +
            + Click Me +
            +
            +
            diff --git a/fragments/cards/template.vue b/fragments/cards/template.vue index 8a2407f6e..f1558d319 100644 --- a/fragments/cards/template.vue +++ b/fragments/cards/template.vue @@ -1,38 +1,38 @@ diff --git a/fragments/carousel/hatch.js b/fragments/carousel/hatch.js index 92c03f45f..6ac08871a 100644 --- a/fragments/carousel/hatch.js +++ b/fragments/carousel/hatch.js @@ -1,63 +1,76 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - - f.addStyle($.find("div").first(), "height", "model.carouselheight", "vh"); - f.addStyle( - $.find("div").first(), - "maxHeight", - "model.carouselheight", - "vh" - ); - - let carousel = $; - f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'"); - f.bindAttribute(carousel, "navigationEnabled", "model.controls === 'true'"); - f.bindAttribute( - carousel, - "paginationEnabled", - "model.indicators === 'true'" - ); - f.bindAttribute(carousel, "autoplayHoverPause", "model.pause === 'true'"); - f.bindAttribute(carousel, "centerMode", "true"); - f.bindAttribute(carousel, "loop", "model.wrap === 'true'"); - f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000"); - f.bindAttribute(carousel, "perPage", "model.itemsperpage"); - - let slide = $.find("slide").first(); - f.addFor(slide, "model.slides"); - - let link = $.find("a"); - f.addIf(link, "item.slidelink"); - f.bindAttribute(link, "href", "item.slidelink"); - - let image = $.find("v-lazy-image").first(); - - f.addIf(image, "item.imagepath"); - f.bindAttribute(image, "src", "item.imagepath"); - f.bindAttribute(image, "alt", "item.alt"); - f.bindAttribute( - image, - "class", - "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", - false - ); - - let captionClasses = `{ + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + + f.addStyle( + $.find("div").first(), + "height", + "model.carouselheight", + "vh" + ); + f.addStyle( + $.find("div").first(), + "maxHeight", + "model.carouselheight", + "vh" + ); + + let carousel = $; + f.bindAttribute(carousel, "autoplay", "model.autoplay === 'true'"); + f.bindAttribute( + carousel, + "navigationEnabled", + "model.controls === 'true'" + ); + f.bindAttribute( + carousel, + "paginationEnabled", + "model.indicators === 'true'" + ); + f.bindAttribute( + carousel, + "autoplayHoverPause", + "model.pause === 'true'" + ); + f.bindAttribute(carousel, "centerMode", "true"); + f.bindAttribute(carousel, "loop", "model.wrap === 'true'"); + f.bindAttribute(carousel, "autoplayTimeout", "model.interval * 1000"); + f.bindAttribute(carousel, "perPage", "model.itemsperpage"); + + let slide = $.find("slide").first(); + f.addFor(slide, "model.slides"); + + let link = $.find("a"); + f.addIf(link, "item.slidelink"); + f.bindAttribute(link, "href", "item.slidelink"); + + let image = $.find("v-lazy-image").first(); + + f.addIf(image, "item.imagepath"); + f.bindAttribute(image, "src", "item.imagepath"); + f.bindAttribute(image, "alt", "item.alt"); + f.bindAttribute( + image, + "class", + "item.imagefit === 'cover' ? 'object-cover' : 'object-contain'", + false + ); + + let captionClasses = `{ 'pb-12': model.indicators === 'true', 'with-bg': model.captionbg === 'true' && (model.colorscheme === 'light' || model.colorscheme === 'dark') }`; - let figcaption = $.find("figcaption").first(); - let figcaptionContent = $.find("figcaption > .container > div").first(); - f.addIf(figcaptionContent, "item.text", "model.slides", "text"); - f.mapRichField(figcaptionContent, "item.text", "model.slides", "text"); - f.bindAttribute(figcaption, "class", captionClasses, false); - - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + let figcaption = $.find("figcaption").first(); + let figcaptionContent = $.find("figcaption > .container > div").first(); + f.addIf(figcaptionContent, "item.text", "model.slides", "text"); + f.mapRichField(figcaptionContent, "item.text", "model.slides", "text"); + f.bindAttribute(figcaption, "class", captionClasses, false); + + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/carousel/model.json b/fragments/carousel/model.json index 71c8c5b52..f472e5173 100644 --- a/fragments/carousel/model.json +++ b/fragments/carousel/model.json @@ -1,144 +1,144 @@ { - "definitions": { - "Carousel": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "carouselheight": { - "type": "string", - "x-source": "inject", - "x-form-label": "Carousel Height", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-default": 80, - "x-form-min": 10, - "x-form-max": 100 - }, - "autoplay": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Auto Play", - "x-form-type": "materialswitch" - }, - "itemsperpage": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Images per page", - "x-form-type": "number", - "x-default": 1 - }, - "interval": { - "type": "string", - "x-source": "inject", - "x-form-label": "Interval", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-visible": "model.autoplay == 'true'", - "x-default": 5, - "x-form-min": 1, - "x-form-max": 20 - }, - "pause": { - "type": "string", - "x-source": "inject", - "x-form-label": "Pause On Hover", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-visible": "model.autoplay == 'true'", - "x-default": "false" - }, - "wrap": { - "type": "string", - "x-source": "inject", - "x-form-label": "Wrap", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "indicators": { - "type": "string", - "x-source": "inject", - "x-form-label": "Indicators", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "controls": { - "type": "string", - "x-source": "inject", - "x-form-label": "Controls", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-default": "true" - }, - "captionbg": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Caption Background", - "x-form-type": "materialswitch" - }, - "slides": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slides", - "x-form-fieldLabel": "heading", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "imagepath": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "imagefit": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slide Image Fit", - "x-form-type": "materialradio", - "x-default": "cover", - "properties": { - "toggle": { - "x-form-name": "Contain", - "x-form-value": "contain" - }, - "accordion": { - "x-form-name": "Cover", - "x-form-value": "cover" - } - } - }, - "slidelink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Slide Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Text", - "x-form-type": "texteditor" - }, - "alt": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Alt Text", - "x-form-type": "text" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Carousel": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "carouselheight": { + "type": "string", + "x-source": "inject", + "x-form-label": "Carousel Height", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-default": 80, + "x-form-min": 10, + "x-form-max": 100 + }, + "autoplay": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Auto Play", + "x-form-type": "materialswitch" + }, + "itemsperpage": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Images per page", + "x-form-type": "number", + "x-default": 1 + }, + "interval": { + "type": "string", + "x-source": "inject", + "x-form-label": "Interval", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-visible": "model.autoplay == 'true'", + "x-default": 5, + "x-form-min": 1, + "x-form-max": 20 + }, + "pause": { + "type": "string", + "x-source": "inject", + "x-form-label": "Pause On Hover", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-visible": "model.autoplay == 'true'", + "x-default": "false" + }, + "wrap": { + "type": "string", + "x-source": "inject", + "x-form-label": "Wrap", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "indicators": { + "type": "string", + "x-source": "inject", + "x-form-label": "Indicators", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "controls": { + "type": "string", + "x-source": "inject", + "x-form-label": "Controls", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-default": "true" + }, + "captionbg": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Caption Background", + "x-form-type": "materialswitch" + }, + "slides": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slides", + "x-form-fieldLabel": "heading", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "imagepath": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "imagefit": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slide Image Fit", + "x-form-type": "materialradio", + "x-default": "cover", + "properties": { + "toggle": { + "x-form-name": "Contain", + "x-form-value": "contain" + }, + "accordion": { + "x-form-name": "Cover", + "x-form-value": "cover" + } + } + }, + "slidelink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Slide Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Text", + "x-form-type": "texteditor" + }, + "alt": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Alt Text", + "x-form-type": "text" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/carousel/sample-blank.json b/fragments/carousel/sample-blank.json index af0fa0f78..754fa12fe 100644 --- a/fragments/carousel/sample-blank.json +++ b/fragments/carousel/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Carousel", - "group": "Features", - "model": { - "slides": [] - } + "title": "Carousel", + "group": "Features", + "model": { + "slides": [] + } } diff --git a/fragments/carousel/sample-empty.json b/fragments/carousel/sample-empty.json index 952bc04d0..185ae9e1d 100644 --- a/fragments/carousel/sample-empty.json +++ b/fragments/carousel/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Carousel empty", - "group": "Empty", - "model": { - "slides": [] - } + "title": "Carousel empty", + "group": "Empty", + "model": { + "slides": [] + } } diff --git a/fragments/carousel/sample-owl.json b/fragments/carousel/sample-owl.json index 9ef5c3845..0f2af20e3 100644 --- a/fragments/carousel/sample-owl.json +++ b/fragments/carousel/sample-owl.json @@ -1,30 +1,30 @@ { - "title": "Carousel - Owl", - "group": "Features", - "model": { - "blockwidth": "article", - "captionbg": "true", - "colorscheme": "none", - "indicators": "false", - "autoplay": "true", - "carouselheight": 10, - "toppadding": 10, - "wrap": "true", - "itemsperpage": 3, - "bottompadding": 10, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/icons/google.svg" - }, - { - "imagepath": "/content/themecleanflex/assets/icons/facebook.svg" - }, - { - "imagepath": "/content/themecleanflex/assets/icons/linkedin.svg" - }, - { - "imagepath": "/content/themecleanflex/assets/icons/pinterest.svg" - } - ] - } + "title": "Carousel - Owl", + "group": "Features", + "model": { + "blockwidth": "article", + "captionbg": "true", + "colorscheme": "none", + "indicators": "false", + "autoplay": "true", + "carouselheight": 10, + "toppadding": 10, + "wrap": "true", + "itemsperpage": 3, + "bottompadding": 10, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/icons/google.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/facebook.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/linkedin.svg" + }, + { + "imagepath": "/content/themecleanflex/assets/icons/pinterest.svg" + } + ] + } } diff --git a/fragments/carousel/sample-rte.json b/fragments/carousel/sample-rte.json index 96d6d8e38..bd3f5eb29 100644 --- a/fragments/carousel/sample-rte.json +++ b/fragments/carousel/sample-rte.json @@ -1,29 +1,29 @@ { - "title": "Carousel With Full RTE", - "group": ".hidden", - "model": { - "carouselheight": 80, - "toppadding": 20, - "bottompadding": 20, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", - "imagefit": "cover", - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "alt": "Sailboats in front of city skyline and sunset" - }, - { - "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "imagefit": "cover", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", - "alt": "Sailboat sailing on a lake" - }, - { - "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", - "imagefit": "cover", - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", - "alt": "Sailboats sailing on an ocean" - } - ] - } + "title": "Carousel With Full RTE", + "group": ".hidden", + "model": { + "carouselheight": 80, + "toppadding": 20, + "bottompadding": 20, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", + "imagefit": "cover", + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "alt": "Sailboats in front of city skyline and sunset" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "imagefit": "cover", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", + "alt": "Sailboat sailing on a lake" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", + "imagefit": "cover", + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ", + "alt": "Sailboats sailing on an ocean" + } + ] + } } diff --git a/fragments/carousel/sample.json b/fragments/carousel/sample.json index 2043eb805..71dc55406 100644 --- a/fragments/carousel/sample.json +++ b/fragments/carousel/sample.json @@ -1,32 +1,32 @@ { - "title": "Carousel - Example", - "group": "Features", - "model": { - "blockwidth": "full", - "captionbg": "true", - "colorscheme": "light", - "carouselheight": 45, - "toppadding": 0, - "bottompadding": 0, - "slides": [ - { - "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", - "imagefit": "cover", - "text": "

            Slide One Title

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.

            ", - "alt": "Sailboats in front of city skyline and sunset" - }, - { - "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "imagefit": "cover", - "text": "

            Slide Two Title

            Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.

            ", - "alt": "Sailboat sailing on a lake" - }, - { - "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", - "imagefit": "cover", - "text": "

            Slide Three Title

            Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.

            ", - "alt": "Sailboats sailing on an ocean" - } - ] - } + "title": "Carousel - Example", + "group": "Features", + "model": { + "blockwidth": "full", + "captionbg": "true", + "colorscheme": "light", + "carouselheight": 45, + "toppadding": 0, + "bottompadding": 0, + "slides": [ + { + "imagepath": "/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg", + "imagefit": "cover", + "text": "

            Slide One Title

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.

            ", + "alt": "Sailboats in front of city skyline and sunset" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "imagefit": "cover", + "text": "

            Slide Two Title

            Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.

            ", + "alt": "Sailboat sailing on a lake" + }, + { + "imagepath": "/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg", + "imagefit": "cover", + "text": "

            Slide Three Title

            Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.

            ", + "alt": "Sailboats sailing on an ocean" + } + ] + } } diff --git a/fragments/carousel/template.html b/fragments/carousel/template.html index 82d9844f0..4bd4a686f 100644 --- a/fragments/carousel/template.html +++ b/fragments/carousel/template.html @@ -1,18 +1,20 @@ - -
            - - -
            -
            -
            Caption
            -
            -
            -
            -             + +
            + + +
            +
            +
            + Caption +
            +
            +
            +
            +             diff --git a/fragments/carousel/template.vue b/fragments/carousel/template.vue index 5713509b1..5c399904d 100644 --- a/fragments/carousel/template.vue +++ b/fragments/carousel/template.vue @@ -1,79 +1,81 @@ diff --git a/fragments/code/hatch.js b/fragments/code/hatch.js index 8e8fe5c3f..9fc3116db 100644 --- a/fragments/code/hatch.js +++ b/fragments/code/hatch.js @@ -1,27 +1,27 @@ module.exports = { - convert: function ($, f) { - f.bindAttribute( - $, - "class", - "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", - false - ); + convert: function ($, f) { + f.bindAttribute( + $, + "class", + "'language-'+model.language+ ((model.classes) ? ' '+model.classes : '')", + false + ); - // make the element a block - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + // make the element a block + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - // inject the code - f.bindAttribute( - $.find("code").first(), - "class", - "'language-'+model.language" - ); - f.mapRichField($.find("code").first(), "code", false); + // inject the code + f.bindAttribute( + $.find("code").first(), + "class", + "'language-'+model.language" + ); + f.mapRichField($.find("code").first(), "code", false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/code/model.json b/fragments/code/model.json index 80e6489a5..239b03285 100644 --- a/fragments/code/model.json +++ b/fragments/code/model.json @@ -1,34 +1,34 @@ { - "definitions": { - "Code": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "language": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "text" - }, - "classes": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "textarea", - "x-form-max": "16000" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Code": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "language": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "text" + }, + "classes": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "textarea", + "x-form-max": "16000" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/code/readme.md b/fragments/code/readme.md index 15216a8d8..5f59921d6 100644 --- a/fragments/code/readme.md +++ b/fragments/code/readme.md @@ -28,5 +28,5 @@ If you wish to use [https://prismjs.com/](Prism) with the code component, perfor ## Pending Features & Issues -- Add support for defining Prism data attributes -- Update the code component to be less plugin dependent +- Add support for defining Prism data attributes +- Update the code component to be less plugin dependent diff --git a/fragments/code/sample-blank.json b/fragments/code/sample-blank.json index c49e552b4..4d9ceea2b 100644 --- a/fragments/code/sample-blank.json +++ b/fragments/code/sample-blank.json @@ -1,8 +1,8 @@ { - "title": "Code", - "group": "Text Components", - "model": { - "text": "", - "language": "" - } + "title": "Code", + "group": "Text Components", + "model": { + "text": "", + "language": "" + } } diff --git a/fragments/code/sample.json b/fragments/code/sample.json index 175f9f34e..240d4952c 100644 --- a/fragments/code/sample.json +++ b/fragments/code/sample.json @@ -1,9 +1,9 @@ { - "title": "Code - Example", - "default": true, - "group": "Text Components", - "model": { - "text": "var a = {};", - "language": "javascript" - } + "title": "Code - Example", + "default": true, + "group": "Text Components", + "model": { + "text": "var a = {};", + "language": "javascript" + } } diff --git a/fragments/code/template.vue b/fragments/code/template.vue index 16b8ba634..682791859 100644 --- a/fragments/code/template.vue +++ b/fragments/code/template.vue @@ -1,54 +1,54 @@ diff --git a/fragments/container/hatch.js b/fragments/container/hatch.js index 8d4a34967..da48bbded 100644 --- a/fragments/container/hatch.js +++ b/fragments/container/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function ($, f) { - f.bindPath($); - f.addChildren($); - f.addPlaceholders($); - f.bindAttribute($, "is", 'model.htmlelement || "div"'); + convert: function ($, f) { + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($, "is", 'model.htmlelement || "div"'); - let widthClass = `{ + let widthClass = `{ 'lg:flex-grow': model.width === 'auto', 'lg:w-full': model.width === 'custom' && model.colspan == 12, [\`lg:w-\${model.colspan}/12 lg:flex-grow-0\`]: model.width === 'custom' && model.colspan < 12, @@ -18,6 +18,6 @@ module.exports = { [\`\${model.component}\`]: model.component }`; - f.bindAttribute($, "class", widthClass); - }, + f.bindAttribute($, "class", widthClass); + }, }; diff --git a/fragments/container/model.json b/fragments/container/model.json index bfab9a563..3e1512e96 100644 --- a/fragments/container/model.json +++ b/fragments/container/model.json @@ -1,136 +1,136 @@ { - "definitions": { - "Container": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "width": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width", - "x-form-group": "content", - "x-form-type": "materialradio", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "colspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.width == 'custom'", - "x-default": 12 - }, - "tabletwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width (Tablet)", - "x-form-type": "materialradio", - "x-form-group": "content", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "tabletcolspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.tabletwidth == 'custom'", - "x-default": 12 - }, - "mobilewidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Container Width (Mobile)", - "x-form-type": "materialradio", - "x-form-group": "content", - "x-default": "auto", - "properties": { - "auto": { - "x-form-name": "Auto (fill available space)", - "x-form-value": "auto" - }, - "custom": { - "x-form-name": "Custom", - "x-form-value": "custom" - } - } - }, - "mobilecolspan": { - "type": "string", - "x-source": "inject", - "x-form-label": "Column Span (12 Columns)", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 1, - "x-form-max": 12, - "x-form-visible": "model.mobilewidth == 'custom'", - "x-default": 12 - }, - "htmlelement": { - "type": "string", - "x-source": "inject", - "x-form-label": "Semantic Element", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "section", - "properties": { - "section": { - "x-form-name": "section", - "x-form-value": "section" - }, - "article": { - "x-form-name": "article", - "x-form-value": "article" - }, - "main": { - "x-form-name": "main", - "x-form-value": "main" - }, - "div": { - "x-form-name": "div", - "x-form-value": "div" - }, - "header": { - "x-form-name": "header", - "x-form-value": "header" - }, - "nav": { - "x-form-name": "nav", - "x-form-value": "nav" - }, - "footer": { - "x-form-name": "footer", - "x-form-value": "footer" - } - } - } - } - } - } + "definitions": { + "Container": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "width": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width", + "x-form-group": "content", + "x-form-type": "materialradio", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "colspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.width == 'custom'", + "x-default": 12 + }, + "tabletwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width (Tablet)", + "x-form-type": "materialradio", + "x-form-group": "content", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "tabletcolspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.tabletwidth == 'custom'", + "x-default": 12 + }, + "mobilewidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Container Width (Mobile)", + "x-form-type": "materialradio", + "x-form-group": "content", + "x-default": "auto", + "properties": { + "auto": { + "x-form-name": "Auto (fill available space)", + "x-form-value": "auto" + }, + "custom": { + "x-form-name": "Custom", + "x-form-value": "custom" + } + } + }, + "mobilecolspan": { + "type": "string", + "x-source": "inject", + "x-form-label": "Column Span (12 Columns)", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 1, + "x-form-max": 12, + "x-form-visible": "model.mobilewidth == 'custom'", + "x-default": 12 + }, + "htmlelement": { + "type": "string", + "x-source": "inject", + "x-form-label": "Semantic Element", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "section", + "properties": { + "section": { + "x-form-name": "section", + "x-form-value": "section" + }, + "article": { + "x-form-name": "article", + "x-form-value": "article" + }, + "main": { + "x-form-name": "main", + "x-form-value": "main" + }, + "div": { + "x-form-name": "div", + "x-form-value": "div" + }, + "header": { + "x-form-name": "header", + "x-form-value": "header" + }, + "nav": { + "x-form-name": "nav", + "x-form-value": "nav" + }, + "footer": { + "x-form-name": "footer", + "x-form-value": "footer" + } + } + } + } + } + } } diff --git a/fragments/container/sample.json b/fragments/container/sample.json index 17946ac0d..b37acc7b7 100644 --- a/fragments/container/sample.json +++ b/fragments/container/sample.json @@ -1,5 +1,5 @@ { - "title": "Container", - "group": "Chrome", - "model": {} + "title": "Container", + "group": "Chrome", + "model": {} } diff --git a/fragments/container/template.vue b/fragments/container/template.vue index 611cbce59..36b82910d 100644 --- a/fragments/container/template.vue +++ b/fragments/container/template.vue @@ -1,8 +1,8 @@ diff --git a/fragments/containerblock/hatch.js b/fragments/containerblock/hatch.js index 48d972fd1..1dbf8edb0 100644 --- a/fragments/containerblock/hatch.js +++ b/fragments/containerblock/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindPath($); - f.addChildren($); - f.addPlaceholders($); - f.bindAttribute($.parent(), "model", "model"); - f.bindAttribute($, "class", "model.alignitems", false); - }, + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindPath($); + f.addChildren($); + f.addPlaceholders($); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "class", "model.alignitems", false); + }, }; diff --git a/fragments/containerblock/model.json b/fragments/containerblock/model.json index c96c38e3d..754e01c65 100644 --- a/fragments/containerblock/model.json +++ b/fragments/containerblock/model.json @@ -1,45 +1,45 @@ { - "definitions": { - "Containerblock": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "container", - "properties": { - "alignitems": { - "type": "string", - "x-source": "inject", - "x-form-label": "Items Alignment", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "primary", - "properties": { - "start": { - "x-form-name": "Start", - "x-form-value": "items-start" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "items-center" - }, - "end": { - "x-form-name": "End", - "x-form-value": "items-end" - }, - "stretch": { - "x-form-name": "Stretch", - "x-form-value": "items-stretch" - }, - "baseline": { - "x-form-name": "Baseline", - "x-form-value": "items-baseline" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Containerblock": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "container", + "properties": { + "alignitems": { + "type": "string", + "x-source": "inject", + "x-form-label": "Items Alignment", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "primary", + "properties": { + "start": { + "x-form-name": "Start", + "x-form-value": "items-start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "items-center" + }, + "end": { + "x-form-name": "End", + "x-form-value": "items-end" + }, + "stretch": { + "x-form-name": "Stretch", + "x-form-value": "items-stretch" + }, + "baseline": { + "x-form-name": "Baseline", + "x-form-value": "items-baseline" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/containerblock/sample.json b/fragments/containerblock/sample.json index 8881bc559..495a8df55 100644 --- a/fragments/containerblock/sample.json +++ b/fragments/containerblock/sample.json @@ -1,5 +1,5 @@ { - "title": "Container Block", - "group": "Chrome", - "model": {} + "title": "Container Block", + "group": "Chrome", + "model": {} } diff --git a/fragments/containerblock/template.vue b/fragments/containerblock/template.vue index 51315dd70..8f90cfa34 100644 --- a/fragments/containerblock/template.vue +++ b/fragments/containerblock/template.vue @@ -1,48 +1,48 @@ diff --git a/fragments/footer/hatch.js b/fragments/footer/hatch.js index 39ab66842..0443315d0 100644 --- a/fragments/footer/hatch.js +++ b/fragments/footer/hatch.js @@ -1,39 +1,59 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Logo - f.addIf($.find("a").first(), "model.showlogo === 'true' && model.logo"); - f.bindAttribute($.find("a").first(), "href", f.pathToUrl("model.logourl")); - f.bindAttribute($.find("img").first(), "src", f.pathToUrl("model.logo")); - f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); - f.addStyle( - $.find("img").first(), - "height", - "parseInt(model.logosize)", - "px" - ); + //Logo + f.addIf($.find("a").first(), "model.showlogo === 'true' && model.logo"); + f.bindAttribute( + $.find("a").first(), + "href", + f.pathToUrl("model.logourl") + ); + f.bindAttribute( + $.find("img").first(), + "src", + f.pathToUrl("model.logo") + ); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); - //Columns - let col = $.find(".footer-col").first(); - let coltitle = col.find("h2").first(); - let colcontent = col.find("div").first(); - f.addFor(col, "model.columns"); - f.addIf(coltitle, "item.title !== ''"); - f.mapField(coltitle, "item.title", "model.columns", "title"); - f.bindAttribute(coltitle, "data-per-inline", "`model.columns.${i}.title`"); - f.addIf(colcontent, "item.text !== ''"); - f.mapRichField(colcontent, "item.text", "model.columns", "text"); - f.bindAttribute(colcontent, "data-per-inline", "`model.columns.${i}.text`"); + //Columns + let col = $.find(".footer-col").first(); + let coltitle = col.find("h2").first(); + let colcontent = col.find("div").first(); + f.addFor(col, "model.columns"); + f.addIf(coltitle, "item.title !== ''"); + f.mapField(coltitle, "item.title", "model.columns", "title"); + f.bindAttribute( + coltitle, + "data-per-inline", + "`model.columns.${i}.title`" + ); + f.addIf(colcontent, "item.text !== ''"); + f.mapRichField(colcontent, "item.text", "model.columns", "text"); + f.bindAttribute( + colcontent, + "data-per-inline", + "`model.columns.${i}.text`" + ); - //Copyright - f.mapField($.find("p").eq(0), "model.copyright"); - f.bindAttribute($.find("p").eq(0), "data-per-inline", "`model.copyright`"); + //Copyright + f.mapField($.find("p").eq(0), "model.copyright"); + f.bindAttribute( + $.find("p").eq(0), + "data-per-inline", + "`model.copyright`" + ); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/footer/model.json b/fragments/footer/model.json index cf8f10e69..f4b61248d 100644 --- a/fragments/footer/model.json +++ b/fragments/footer/model.json @@ -1,91 +1,91 @@ { - "definitions": { - "Footer": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showlogo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Logo", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "logo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo", - "x-form-type": "pathbrowser", - "x-form-visible": "model.showlogo == 'true'", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "logoalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Alt Text", - "x-form-group": "content", - "x-form-visible": "model.showlogo == 'true'", - "x-form-type": "text" - }, - "logourl": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Url", - "x-form-type": "pathbrowser", - "x-form-group": "content", - "x-form-visible": "model.showlogo == 'true'", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "logosize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Size", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-visible": "model.showlogo == 'true'", - "x-form-min": 1, - "x-form-max": 300 - }, - "columns": { - "type": "string", - "x-source": "inject", - "x-form-label": "Columns", - "x-form-type": "collection", - "x-form-group": "content", - "x-form-multifield": "true", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-type": "texteditor" - } - } - }, - "copyright": { - "type": "string", - "x-source": "inject", - "x-form-label": "Copyright Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "socialref": { - "x-form-type": "reference", - "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Footer": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showlogo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Logo", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "logo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo", + "x-form-type": "pathbrowser", + "x-form-visible": "model.showlogo == 'true'", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "logoalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Alt Text", + "x-form-group": "content", + "x-form-visible": "model.showlogo == 'true'", + "x-form-type": "text" + }, + "logourl": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Url", + "x-form-type": "pathbrowser", + "x-form-group": "content", + "x-form-visible": "model.showlogo == 'true'", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "logosize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Size", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-visible": "model.showlogo == 'true'", + "x-form-min": 1, + "x-form-max": 300 + }, + "columns": { + "type": "string", + "x-source": "inject", + "x-form-label": "Columns", + "x-form-type": "collection", + "x-form-group": "content", + "x-form-multifield": "true", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-type": "texteditor" + } + } + }, + "copyright": { + "type": "string", + "x-source": "inject", + "x-form-label": "Copyright Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "socialref": { + "x-form-type": "reference", + "$ref": "fragments/socialicons/model.json#/definitions/Socialicons" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/footer/sample-blank.json b/fragments/footer/sample-blank.json index 4c680bc4b..717b7c618 100644 --- a/fragments/footer/sample-blank.json +++ b/fragments/footer/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Footer", - "group": "Chrome", - "model": { - "coluimns": [] - } + "title": "Footer", + "group": "Chrome", + "model": { + "coluimns": [] + } } diff --git a/fragments/footer/sample-empty.json b/fragments/footer/sample-empty.json index fdd5b43b7..da857d6d2 100644 --- a/fragments/footer/sample-empty.json +++ b/fragments/footer/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Footer no default values", - "group": "Empty", - "model": { - "coluimns": [] - } + "title": "Footer no default values", + "group": "Empty", + "model": { + "coluimns": [] + } } diff --git a/fragments/footer/sample-light.json b/fragments/footer/sample-light.json index c520a7afe..9b2e5229c 100644 --- a/fragments/footer/sample-light.json +++ b/fragments/footer/sample-light.json @@ -1,59 +1,59 @@ { - "title": "Footer - light", - "group": "Chrome", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "light", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

            email@email.com
            1-800-888-8888

            " - }, - { - "title": "Location", - "text": "

            1234 S Pointe Drive, Laguna Hills, CA 92653

            " - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer - light", + "group": "Chrome", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "light", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

            email@email.com
            1-800-888-8888

            " + }, + { + "title": "Location", + "text": "

            1234 S Pointe Drive, Laguna Hills, CA 92653

            " + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/sample-rte.json b/fragments/footer/sample-rte.json index 3419f3a54..b289b7989 100644 --- a/fragments/footer/sample-rte.json +++ b/fragments/footer/sample-rte.json @@ -1,59 +1,59 @@ { - "title": "Footer With All RTE Styles", - "group": ".hidden", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "dark", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

            email@email.com
            1-800-888-8888

            " - }, - { - "title": "Location", - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            " - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer With All RTE Styles", + "group": ".hidden", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "dark", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

            email@email.com
            1-800-888-8888

            " + }, + { + "title": "Location", + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            " + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/sample.json b/fragments/footer/sample.json index 1d3c23ef3..dcd21243e 100644 --- a/fragments/footer/sample.json +++ b/fragments/footer/sample.json @@ -1,59 +1,59 @@ { - "title": "Footer - Dark", - "group": "Chrome", - "model": { - "htmlelement": "footer", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "bottompadding": "0", - "toppadding": "30", - "colorscheme": "dark", - "showlogo": "true", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logourl": "http://www.peregrine-cms.com", - "logoalttext": "Peregrine CMS Logo", - "logosize": "60", - "copyright": "Copyright 2017 Peregrine - All Rights Reserved", - "columns": [ - { - "title": "", - "text": "" - }, - { - "title": "Contact", - "text": "

            email@email.com
            1-800-888-8888

            " - }, - { - "title": "Location", - "text": "

            1234 S Pointe Drive, Laguna Hills, CA 92653

            " - } - ], - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Footer - Dark", + "group": "Chrome", + "model": { + "htmlelement": "footer", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "bottompadding": "0", + "toppadding": "30", + "colorscheme": "dark", + "showlogo": "true", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logourl": "http://www.peregrine-cms.com", + "logoalttext": "Peregrine CMS Logo", + "logosize": "60", + "copyright": "Copyright 2017 Peregrine - All Rights Reserved", + "columns": [ + { + "title": "", + "text": "" + }, + { + "title": "Contact", + "text": "

            email@email.com
            1-800-888-8888

            " + }, + { + "title": "Location", + "text": "

            1234 S Pointe Drive, Laguna Hills, CA 92653

            " + } + ], + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/footer/template.html b/fragments/footer/template.html index f91191a63..eabf24165 100644 --- a/fragments/footer/template.html +++ b/fragments/footer/template.html @@ -1,23 +1,23 @@
            -
            - - logo - +
            + + logo + -
            -

            Address

            -
            1234 Street Name City, AA 1234
            -
            -
            +
            +

            Address

            +
            1234 Street Name City, AA 1234
            +
            +
            -
            -
            -

            © Copyright 2017 Peregrine - All Rights Reserved

            - -
            +
            +
            +

            © Copyright 2017 Peregrine - All Rights Reserved

            + +
            diff --git a/fragments/footer/template.vue b/fragments/footer/template.vue index 890c0ade2..686327eef 100644 --- a/fragments/footer/template.vue +++ b/fragments/footer/template.vue @@ -1,66 +1,66 @@ diff --git a/fragments/header/hatch.js b/fragments/header/hatch.js index 3dceba677..5f56c87b4 100644 --- a/fragments/header/hatch.js +++ b/fragments/header/hatch.js @@ -1,73 +1,81 @@ module.exports = { - convert: function ($, f) { - //f.bindPath($) - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.addIf($.find("a").first(), "model.logo"); + convert: function ($, f) { + //f.bindPath($) + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addIf($.find("a").first(), "model.logo"); - f.bindAttribute($.find("a").first(), "href", f.pathToUrl("model.logourl")); - f.bindAttribute($.find("img").first(), "src", f.pathToUrl("model.logo")); - f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); - f.addStyle( - $.find("img").first(), - "height", - "parseInt(model.logosize)", - "px" - ); + f.bindAttribute( + $.find("a").first(), + "href", + f.pathToUrl("model.logourl") + ); + f.bindAttribute( + $.find("img").first(), + "src", + f.pathToUrl("model.logo") + ); + f.bindAttribute($.find("img").first(), "alt", "model.logoalttext"); + f.addStyle( + $.find("img").first(), + "height", + "parseInt(model.logosize)", + "px" + ); - let mainMenu = $.find("nav>div>div:nth-child(2)"); - f.bindAttribute( - mainMenu, - "class", - "{'md:hidden': model.collapsed === 'true'}", - false - ); + let mainMenu = $.find("nav>div>div:nth-child(2)"); + f.bindAttribute( + mainMenu, + "class", + "{'md:hidden': model.collapsed === 'true'}", + false + ); - f.replace( - $.find("nav>div:first-of-type>div div:nth-child(1)"), - '' - ); - f.replace( - $.find("nav>div:first-of-type>div div:nth-child(2)"), - '' - ); + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:first-of-type>div div:nth-child(2)"), + '' + ); - let collapseButton = $.find("nav>div>div:nth-child(3)"); - f.bindEvent(collapseButton, "click", "toggleMenu"); - f.addIf( - collapseButton, - "model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0" - ); - f.bindAttribute( - collapseButton, - "style", - "{display: model.collapsed === 'true' ? 'flex': false}", - false - ); + let collapseButton = $.find("nav>div>div:nth-child(3)"); + f.bindEvent(collapseButton, "click", "toggleMenu"); + f.addIf( + collapseButton, + "model.buttons && model.buttons.length > 0 || model.links && model.links.length > 0" + ); + f.bindAttribute( + collapseButton, + "style", + "{display: model.collapsed === 'true' ? 'flex': false}", + false + ); - f.addStyle( - $.find("nav>div:nth-child(2)"), - "height", - "menuActive ? menuHeight + 'px' : '0px'" - ); - f.bindAttribute( - $.find("nav>div:nth-child(2)"), - "class", - "{'invisible': !menuActive}" - ); + f.addStyle( + $.find("nav>div:nth-child(2)"), + "height", + "menuActive ? menuHeight + 'px' : '0px'" + ); + f.bindAttribute( + $.find("nav>div:nth-child(2)"), + "class", + "{'invisible': !menuActive}" + ); - f.replace( - $.find("nav>div:last-of-type>div>div:nth-child(1)"), - '' - ); - f.replace( - $.find("nav>div:last-of-type>div>div:nth-child(2)"), - '' - ); + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(1)"), + '' + ); + f.replace( + $.find("nav>div:last-of-type>div>div:nth-child(2)"), + '' + ); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/header/model.json b/fragments/header/model.json index 4a82ac660..04b3dbde3 100644 --- a/fragments/header/model.json +++ b/fragments/header/model.json @@ -1,81 +1,81 @@ { - "definitions": { - "Header": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "logo": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo", - "x-form-type": "pathbrowser", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/assets" - }, - "logoalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Alt Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "logourl": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Url", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "logosize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Logo Size", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-default": 50, - "x-form-min": 1, - "x-form-max": 300 - }, - "collapsed": { - "type": "string", - "x-source": "inject", - "x-form-label": "Collapse Menu", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "elevation": { - "type": "string", - "x-source": "inject", - "x-form-label": "Elevation", - "x-form-visible": "", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": 0, - "x-form-min": 0, - "x-form-max": 5 - }, - "sticky": { - "type": "string", - "x-source": "inject", - "x-form-label": "Sticky", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "linksref": { - "x-form-type": "reference", - "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" - }, - "buttonsref": { - "x-form-type": "reference", - "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Header": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "logo": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo", + "x-form-type": "pathbrowser", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/assets" + }, + "logoalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Alt Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "logourl": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Url", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "logosize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Logo Size", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-default": 50, + "x-form-min": 1, + "x-form-max": 300 + }, + "collapsed": { + "type": "string", + "x-source": "inject", + "x-form-label": "Collapse Menu", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "elevation": { + "type": "string", + "x-source": "inject", + "x-form-label": "Elevation", + "x-form-visible": "", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": 0, + "x-form-min": 0, + "x-form-max": 5 + }, + "sticky": { + "type": "string", + "x-source": "inject", + "x-form-label": "Sticky", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "linksref": { + "x-form-type": "reference", + "$ref": "fragments/textlinks/model.json#/definitions/Textlinks" + }, + "buttonsref": { + "x-form-type": "reference", + "$ref": "fragments/menubuttons/model.json#/definitions/Menubuttons" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/header/sample-blank.json b/fragments/header/sample-blank.json index 5a5fa87c6..c045d1214 100644 --- a/fragments/header/sample-blank.json +++ b/fragments/header/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Navigation Header", - "group": "Chrome", - "model": {} + "title": "Navigation Header", + "group": "Chrome", + "model": {} } diff --git a/fragments/header/sample-dark.json b/fragments/header/sample-dark.json index f94f8c782..d2bf14e16 100644 --- a/fragments/header/sample-dark.json +++ b/fragments/header/sample-dark.json @@ -1,42 +1,42 @@ { - "title": "Navigation Header - Dark", - "group": "Chrome", - "model": { - "htmlelement": "header", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "colorscheme": "dark", - "elevation": 1, - "toppadding": "10", - "bottompadding": "10", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", - "collapsed": "false", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logoalttext": "Peregrine CMS Logo", - "logourl": "http://www.peregrine-cms.com", - "logosize": "60", - "buttonsize": "default", - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services" - }, - { - "link": "/content/themecleanflex/pages", - "text": "About Us" - }, - { - "link": "/content/themecleanflex/pages", - "text": "Contact Us" - } - ], - "linkcolor": "light", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - } - ] - } + "title": "Navigation Header - Dark", + "group": "Chrome", + "model": { + "htmlelement": "header", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "colorscheme": "dark", + "elevation": 1, + "toppadding": "10", + "bottompadding": "10", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", + "collapsed": "false", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logoalttext": "Peregrine CMS Logo", + "logourl": "http://www.peregrine-cms.com", + "logosize": "60", + "buttonsize": "default", + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us" + } + ], + "linkcolor": "light", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + } + ] + } } diff --git a/fragments/header/sample-empty.json b/fragments/header/sample-empty.json index b92cbe440..435da8b9a 100644 --- a/fragments/header/sample-empty.json +++ b/fragments/header/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Header no default value", - "group": "Empty", - "model": {} + "title": "Header no default value", + "group": "Empty", + "model": {} } diff --git a/fragments/header/sample.json b/fragments/header/sample.json index b61feda98..296a7aabf 100644 --- a/fragments/header/sample.json +++ b/fragments/header/sample.json @@ -1,42 +1,42 @@ { - "title": "Navigation Header - Light", - "group": "Chrome", - "model": { - "htmlelement": "header", - "backgroundtype": "color", - "bgcolor": "#eeeeee", - "colorscheme": "light", - "elevation": 1, - "toppadding": "10", - "bottompadding": "10", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", - "collapsed": "false", - "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", - "logoalttext": "Peregrine CMS Logo", - "logourl": "http://www.peregrine-cms.com", - "logosize": "60", - "buttonsize": "default", - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services" - }, - { - "link": "/content/themecleanflex/pages", - "text": "About Us" - }, - { - "link": "/content/themecleanflex/pages", - "text": "Contact Us" - } - ], - "linkcolor": "dark", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - } - ] - } + "title": "Navigation Header - Light", + "group": "Chrome", + "model": { + "htmlelement": "header", + "backgroundtype": "color", + "bgcolor": "#eeeeee", + "colorscheme": "light", + "elevation": 1, + "toppadding": "10", + "bottompadding": "10", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM", + "collapsed": "false", + "logo": "/content/themecleanflex/assets/samples/peregrine-logo.svg", + "logoalttext": "Peregrine CMS Logo", + "logourl": "http://www.peregrine-cms.com", + "logosize": "60", + "buttonsize": "default", + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us" + } + ], + "linkcolor": "dark", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + } + ] + } } diff --git a/fragments/header/template.html b/fragments/header/template.html index b91fadca0..410c3d877 100644 --- a/fragments/header/template.html +++ b/fragments/header/template.html @@ -1,32 +1,32 @@ diff --git a/fragments/header/template.vue b/fragments/header/template.vue index a77700dc8..794ccf6d0 100644 --- a/fragments/header/template.vue +++ b/fragments/header/template.vue @@ -1,104 +1,112 @@ diff --git a/fragments/media/hatch.js b/fragments/media/hatch.js index 73e8715ce..e7cc15ad1 100644 --- a/fragments/media/hatch.js +++ b/fragments/media/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.bindPath($); - }, + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, }; diff --git a/fragments/media/model.json b/fragments/media/model.json index 28d45e3c8..884d3ca6f 100644 --- a/fragments/media/model.json +++ b/fragments/media/model.json @@ -1,66 +1,66 @@ { - "definitions": { - "Media": { - "type": "object", - "x-type": "component", - "properties": { - "mediatype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media type", - "x-form-group": "style", - "x-form-type": "materialradio", - "properties": { - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "imagesrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-visible": "model.mediatype == 'image'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "", - "x-annotate": "size" - }, - "videosrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Video Source", - "x-form-visible": "model.mediatype == 'video'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "" - }, - "mediatitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Alt Text/Title", - "x-form-visible": "model.mediatype == 'image' or model.mediatype == 'video'", - "x-form-group": "style", - "x-form-type": "text" - }, - "mediawidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Width", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": 100, - "x-form-min": 10, - "x-form-max": 100 - } - } - } - } + "definitions": { + "Media": { + "type": "object", + "x-type": "component", + "properties": { + "mediatype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media type", + "x-form-group": "style", + "x-form-type": "materialradio", + "properties": { + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "imagesrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-visible": "model.mediatype == 'image'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "", + "x-annotate": "size" + }, + "videosrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Video Source", + "x-form-visible": "model.mediatype == 'video'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "" + }, + "mediatitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Alt Text/Title", + "x-form-visible": "model.mediatype == 'image' or model.mediatype == 'video'", + "x-form-group": "style", + "x-form-type": "text" + }, + "mediawidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Width", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": 100, + "x-form-min": 10, + "x-form-max": 100 + } + } + } + } } diff --git a/fragments/media/template.html b/fragments/media/template.html index 440bbffb3..aa37696b5 100644 --- a/fragments/media/template.html +++ b/fragments/media/template.html @@ -1,5 +1,7 @@ -
            - - -
            - +
            + +
            + diff --git a/fragments/media/template.vue b/fragments/media/template.vue index 8143e2a04..66c57e18b 100644 --- a/fragments/media/template.vue +++ b/fragments/media/template.vue @@ -1,17 +1,21 @@ diff --git a/fragments/mediablock/hatch.js b/fragments/mediablock/hatch.js index 32dcd7fc0..5a7ff585c 100644 --- a/fragments/mediablock/hatch.js +++ b/fragments/mediablock/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.replace( - $.find("img").first(), - '' - ); - f.bindAttribute($, "style", "{flexBasis:`${model.mediawidth}%`}"); - }, + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.replace( + $.find("img").first(), + '' + ); + f.bindAttribute($, "style", "{flexBasis:`${model.mediawidth}%`}"); + }, }; diff --git a/fragments/mediablock/model.json b/fragments/mediablock/model.json index a4996815f..67337f54c 100644 --- a/fragments/mediablock/model.json +++ b/fragments/mediablock/model.json @@ -1,19 +1,19 @@ { - "definitions": { - "Mediablock": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/media/model.json#/definitions/Media" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Mediablock": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/media/model.json#/definitions/Media" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/mediablock/sample-blank.json b/fragments/mediablock/sample-blank.json index edef9ded2..648121dfe 100644 --- a/fragments/mediablock/sample-blank.json +++ b/fragments/mediablock/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Media", - "group": "Features", - "model": {} + "title": "Media", + "group": "Features", + "model": {} } diff --git a/fragments/mediablock/sample-empty.json b/fragments/mediablock/sample-empty.json index 79c824bca..43cc8091a 100644 --- a/fragments/mediablock/sample-empty.json +++ b/fragments/mediablock/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Image/Video with no default value", - "group": "Empty", - "model": {} + "title": "Image/Video with no default value", + "group": "Empty", + "model": {} } diff --git a/fragments/mediablock/sample-image.json b/fragments/mediablock/sample-image.json index c2c52c295..5c0726e31 100644 --- a/fragments/mediablock/sample-image.json +++ b/fragments/mediablock/sample-image.json @@ -1,12 +1,12 @@ { - "title": "Media - Image", - "group": "Features", - "model": { - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", - "mediatitle": "Sailboat on a lake", - "toppadding": "30", - "bottompadding": "30", - "backgroundtype": "color" - } + "title": "Media - Image", + "group": "Features", + "model": { + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/sailing-lake_large.jpg", + "mediatitle": "Sailboat on a lake", + "toppadding": "30", + "bottompadding": "30", + "backgroundtype": "color" + } } diff --git a/fragments/mediablock/sample.json b/fragments/mediablock/sample.json index 54e10b753..8887afa1d 100644 --- a/fragments/mediablock/sample.json +++ b/fragments/mediablock/sample.json @@ -1,12 +1,12 @@ { - "title": "Media - Video", - "group": "Features", - "model": { - "mediatype": "video", - "videosrc": "https://www.youtube-nocookie.com/embed/R5qdE0_mOcw", - "mediatitle": "Sailing Video", - "toppadding": "30", - "bottompadding": "30", - "backgroundtype": "color" - } + "title": "Media - Video", + "group": "Features", + "model": { + "mediatype": "video", + "videosrc": "https://www.youtube-nocookie.com/embed/R5qdE0_mOcw", + "mediatitle": "Sailing Video", + "toppadding": "30", + "bottompadding": "30", + "backgroundtype": "color" + } } diff --git a/fragments/mediablock/template.html b/fragments/mediablock/template.html index 92d4aed37..a6cc0a1f8 100644 --- a/fragments/mediablock/template.html +++ b/fragments/mediablock/template.html @@ -1,6 +1,6 @@
            - image + image
            diff --git a/fragments/mediablock/template.vue b/fragments/mediablock/template.vue index 571d64a3a..415e23b83 100644 --- a/fragments/mediablock/template.vue +++ b/fragments/mediablock/template.vue @@ -1,22 +1,28 @@ diff --git a/fragments/mediavisible/hatch.js b/fragments/mediavisible/hatch.js index 73e8715ce..e7cc15ad1 100644 --- a/fragments/mediavisible/hatch.js +++ b/fragments/mediavisible/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.bindPath($); - }, + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindPath($); + }, }; diff --git a/fragments/mediavisible/model.json b/fragments/mediavisible/model.json index 4d11f0989..9883b214f 100644 --- a/fragments/mediavisible/model.json +++ b/fragments/mediavisible/model.json @@ -1,75 +1,75 @@ { - "definitions": { - "Mediavisible": { - "type": "object", - "x-type": "component", - "properties": { - "showmedia": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Media", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "mediatype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media type", - "x-form-visible": "model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "materialradio", - "properties": { - "image": { - "x-form-name": "Image", - "x-form-value": "image" - }, - "video": { - "x-form-name": "Video", - "x-form-value": "video" - } - } - }, - "imagesrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Image Source", - "x-form-visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "", - "x-annotate": "size" - }, - "videosrc": { - "type": "string", - "x-source": "inject", - "x-form-label": "Video Source", - "x-form-visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/assets", - "x-default": "" - }, - "mediatitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Alt Text/Title", - "x-form-visible": "model.showmedia == 'true'", - "x-form-group": "style", - "x-form-type": "text" - }, - "mediawidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Width", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-form-visible": "model.showmedia == 'true'", - "x-default": 50, - "x-form-min": 10, - "x-form-max": 100 - } - } - } - } + "definitions": { + "Mediavisible": { + "type": "object", + "x-type": "component", + "properties": { + "showmedia": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Media", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "mediatype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media type", + "x-form-visible": "model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "materialradio", + "properties": { + "image": { + "x-form-name": "Image", + "x-form-value": "image" + }, + "video": { + "x-form-name": "Video", + "x-form-value": "video" + } + } + }, + "imagesrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Image Source", + "x-form-visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "", + "x-annotate": "size" + }, + "videosrc": { + "type": "string", + "x-source": "inject", + "x-form-label": "Video Source", + "x-form-visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/assets", + "x-default": "" + }, + "mediatitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Alt Text/Title", + "x-form-visible": "model.showmedia == 'true'", + "x-form-group": "style", + "x-form-type": "text" + }, + "mediawidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Width", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-form-visible": "model.showmedia == 'true'", + "x-default": 50, + "x-form-min": 10, + "x-form-max": 100 + } + } + } + } } diff --git a/fragments/mediavisible/template.html b/fragments/mediavisible/template.html index 5b4943156..d38fff5ca 100644 --- a/fragments/mediavisible/template.html +++ b/fragments/mediavisible/template.html @@ -1,15 +1,15 @@
            +
            + +
            + -
            - - -
            - - -
            -
            -

            -
            -
            - -
            \ No newline at end of file +
            +
            +

            +
            +
            + diff --git a/fragments/mediavisible/template.vue b/fragments/mediavisible/template.vue index 944a32040..e2ab67989 100644 --- a/fragments/mediavisible/template.vue +++ b/fragments/mediavisible/template.vue @@ -1,9 +1,9 @@ diff --git a/fragments/menubuttons/hatch.js b/fragments/menubuttons/hatch.js index 1917c3dd7..3435978e4 100644 --- a/fragments/menubuttons/hatch.js +++ b/fragments/menubuttons/hatch.js @@ -1,7 +1,7 @@ module.exports = { - convert: function ($, f) { - //Button - let aClasses = `{ + convert: function ($, f) { + //Button + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -13,10 +13,10 @@ module.exports = { 'btn-dark': item.buttoncolor === 'dark' }`; - let a = $.find("a"); - f.addFor(a, "model.buttons"); - f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); - f.bindAttribute(a, "class", aClasses, false); - f.mapField(a, "item.buttontext", "model.buttons", "buttontext"); - }, + let a = $.find("a"); + f.addFor(a, "model.buttons"); + f.bindAttribute(a, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(a, "class", aClasses, false); + f.mapField(a, "item.buttontext", "model.buttons", "buttontext"); + }, }; diff --git a/fragments/menubuttons/model.json b/fragments/menubuttons/model.json index edb3efe4f..76b68da80 100644 --- a/fragments/menubuttons/model.json +++ b/fragments/menubuttons/model.json @@ -1,91 +1,91 @@ { - "definitions": { - "Menubuttons": { - "type": "object", - "x-type": "component", - "properties": { - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - } - } - } - } + "definitions": { + "Menubuttons": { + "type": "object", + "x-type": "component", + "properties": { + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + } + } + } + } } diff --git a/fragments/menubuttons/sample.json b/fragments/menubuttons/sample.json index 5701938cf..814880933 100644 --- a/fragments/menubuttons/sample.json +++ b/fragments/menubuttons/sample.json @@ -1,23 +1,23 @@ { - "title": "Menu Buttons", - "group": ".hidden", - "model": { - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Try It Now", - "buttoncolor": "primary" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Click Here!", - "buttoncolor": "primary" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "Enter", - "buttoncolor": "warning" - } - ] - } + "title": "Menu Buttons", + "group": ".hidden", + "model": { + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Try It Now", + "buttoncolor": "primary" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Click Here!", + "buttoncolor": "primary" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "Enter", + "buttoncolor": "warning" + } + ] + } } diff --git a/fragments/menubuttons/template.html b/fragments/menubuttons/template.html index 993fe8979..98f3bc973 100644 --- a/fragments/menubuttons/template.html +++ b/fragments/menubuttons/template.html @@ -1,6 +1,6 @@
            - - - +1-234-567-8901 - + + + +1-234-567-8901 +
            diff --git a/fragments/menubuttons/template.vue b/fragments/menubuttons/template.vue index 1117f1476..3732f144a 100644 --- a/fragments/menubuttons/template.vue +++ b/fragments/menubuttons/template.vue @@ -1,30 +1,30 @@ diff --git a/fragments/navigation/hatch.js b/fragments/navigation/hatch.js index 4e90c1271..69c06138f 100644 --- a/fragments/navigation/hatch.js +++ b/fragments/navigation/hatch.js @@ -1,53 +1,53 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let justify = `{ + let justify = `{ 'justify-start': model.justifyitems === 'start', 'justify-center': model.justifyitems === 'center', 'justify-end': model.justifyitems === 'end' }`; - f.bindAttribute($, "class", justify, false); + f.bindAttribute($, "class", justify, false); - let rootItem = $.find("div").eq(0); - f.addFor(rootItem, "model.childrenPages", "child"); + let rootItem = $.find("div").eq(0); + f.addFor(rootItem, "model.childrenPages", "child"); - let rootLink = $.find("a"); - f.mapField(rootLink, "child.title", "model.childrenPages", "title"); - f.bindAttribute( - rootLink, - "href", - "child.childrenPages.length > 0 ? false : child.path +'.html'" - ); - f.bindAttribute( - rootLink, - "class", - "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", - false - ); + let rootLink = $.find("a"); + f.mapField(rootLink, "child.title", "model.childrenPages", "title"); + f.bindAttribute( + rootLink, + "href", + "child.childrenPages.length > 0 ? false : child.path +'.html'" + ); + f.bindAttribute( + rootLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); - let nested = $.find("div").eq(1); - f.addIf( - nested, - "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" - ); + let nested = $.find("div").eq(1); + f.addIf( + nested, + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - let nestedLink = $.find("a").eq(1); - f.addFor(nestedLink, "child.childrenPages", "subchild"); - f.mapField(nestedLink, "subchild.title"); - f.bindAttribute(nestedLink, "href", "subchild.path + '.html'"); - f.bindAttribute( - nestedLink, - "class", - "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", - false - ); + let nestedLink = $.find("a").eq(1); + f.addFor(nestedLink, "child.childrenPages", "subchild"); + f.mapField(nestedLink, "subchild.title"); + f.bindAttribute(nestedLink, "href", "subchild.path + '.html'"); + f.bindAttribute( + nestedLink, + "class", + "model.colorscheme === 'dark' ? 'text-gray-200 hover:bg-gray-200 hover:text-black' : 'text-black hover:bg-black hover:text-gray-200'", + false + ); - f.addElse($); - $.parent().prepend( - '
            {{isEditAndEmpty}}
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            {{isEditAndEmpty}}
            ' + ); + }, }; diff --git a/fragments/navigation/model.json b/fragments/navigation/model.json index 625f01d61..b9198426e 100644 --- a/fragments/navigation/model.json +++ b/fragments/navigation/model.json @@ -1,53 +1,53 @@ { - "definitions": { - "Navigation": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "justifyitems": { - "type": "string", - "x-source": "inject", - "x-form-label": "Navigation Alignment", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "end", - "properties": { - "start": { - "x-form-name": "Start", - "x-form-value": "start" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "end": { - "x-form-name": "End", - "x-form-value": "end" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Navigation": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "justifyitems": { + "type": "string", + "x-source": "inject", + "x-form-label": "Navigation Alignment", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "end", + "properties": { + "start": { + "x-form-name": "Start", + "x-form-value": "start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "end": { + "x-form-name": "End", + "x-form-value": "end" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/navigation/sample-blank.json b/fragments/navigation/sample-blank.json index ece8f90e7..330b1a221 100644 --- a/fragments/navigation/sample-blank.json +++ b/fragments/navigation/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Multilevel Navigation", - "group": "Chrome", - "model": {} + "title": "Multilevel Navigation", + "group": "Chrome", + "model": {} } diff --git a/fragments/navigation/sample-empty.json b/fragments/navigation/sample-empty.json index 775276bdd..24f855816 100644 --- a/fragments/navigation/sample-empty.json +++ b/fragments/navigation/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Navigation no default values", - "group": "Empty", - "model": {} + "title": "Navigation no default values", + "group": "Empty", + "model": {} } diff --git a/fragments/navigation/sample.json b/fragments/navigation/sample.json index d27852f00..118611ef8 100644 --- a/fragments/navigation/sample.json +++ b/fragments/navigation/sample.json @@ -1,10 +1,10 @@ { - "title": "Multilevel Navigation - Example", - "group": "Chrome", - "model": { - "bottompadding": "0", - "toppadding": "0", - "rootpage": "/content/themecleanflex/pages", - "justifyitems": "end" - } + "title": "Multilevel Navigation - Example", + "group": "Chrome", + "model": { + "bottompadding": "0", + "toppadding": "0", + "rootpage": "/content/themecleanflex/pages", + "justifyitems": "end" + } } diff --git a/fragments/navigation/template.html b/fragments/navigation/template.html index 13bfbcfb2..563ebfe94 100644 --- a/fragments/navigation/template.html +++ b/fragments/navigation/template.html @@ -1,10 +1,10 @@ diff --git a/fragments/navigation/template.vue b/fragments/navigation/template.vue index 53a825cda..de3039664 100644 --- a/fragments/navigation/template.vue +++ b/fragments/navigation/template.vue @@ -1,86 +1,89 @@ diff --git a/fragments/note/hatch.js b/fragments/note/hatch.js index 589fa717f..db908da7c 100644 --- a/fragments/note/hatch.js +++ b/fragments/note/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.mapRichField($.find("div"), "model.text"); + f.mapRichField($.find("div"), "model.text"); - let styles = `{ + let styles = `{ 'note-note': model.notetype === "note", 'note-tip': model.notetype === "tip", 'note-warning': model.notetype === "warning", @@ -13,6 +13,6 @@ module.exports = { 'note-caution': model.notetype === "caution" }`; - f.bindAttribute($, "class", styles, false); - }, + f.bindAttribute($, "class", styles, false); + }, }; diff --git a/fragments/note/model.json b/fragments/note/model.json index 4ee6e5fcc..910fb5559 100644 --- a/fragments/note/model.json +++ b/fragments/note/model.json @@ -1,51 +1,51 @@ { - "definitions": { - "Note": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "notetype": { - "type": "string", - "x-source": "inject", - "x-form-label": "Note Type", - "x-form-type": "materialselect", - "x-form-group": "content", - "x-default": "note", - "properties": { - "note": { - "x-form-name": "Note", - "x-form-value": "note" - }, - "tip": { - "x-form-name": "Tip", - "x-form-value": "tip" - }, - "important": { - "x-form-name": "Important", - "x-form-value": "important" - }, - "caution": { - "x-form-name": "Caution", - "x-form-value": "caution" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Note": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "notetype": { + "type": "string", + "x-source": "inject", + "x-form-label": "Note Type", + "x-form-type": "materialselect", + "x-form-group": "content", + "x-default": "note", + "properties": { + "note": { + "x-form-name": "Note", + "x-form-value": "note" + }, + "tip": { + "x-form-name": "Tip", + "x-form-value": "tip" + }, + "important": { + "x-form-name": "Important", + "x-form-value": "important" + }, + "caution": { + "x-form-name": "Caution", + "x-form-value": "caution" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/note/sample-blank.json b/fragments/note/sample-blank.json index 487c7efc5..daba2b546 100644 --- a/fragments/note/sample-blank.json +++ b/fragments/note/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Note", - "group": "Text Components", - "model": {} + "title": "Note", + "group": "Text Components", + "model": {} } diff --git a/fragments/note/sample-caution.json b/fragments/note/sample-caution.json index 359306e13..63fdf5620 100644 --- a/fragments/note/sample-caution.json +++ b/fragments/note/sample-caution.json @@ -1,10 +1,10 @@ { - "title": "Note - Caution", - "group": "Text Components", - "model": { - "text": "

            caution

            ", - "notetype": "caution", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Caution", + "group": "Text Components", + "model": { + "text": "

            caution

            ", + "notetype": "caution", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-important.json b/fragments/note/sample-important.json index 62e4ee7f7..f4156c374 100644 --- a/fragments/note/sample-important.json +++ b/fragments/note/sample-important.json @@ -1,10 +1,10 @@ { - "title": "Note - Important", - "group": "Text Components", - "model": { - "text": "

            important

            ", - "notetype": "important", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Important", + "group": "Text Components", + "model": { + "text": "

            important

            ", + "notetype": "important", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-note.json b/fragments/note/sample-note.json index 2161500c1..2e00dc33c 100644 --- a/fragments/note/sample-note.json +++ b/fragments/note/sample-note.json @@ -1,10 +1,10 @@ { - "title": "Note - Note", - "group": "Text Components", - "model": { - "text": "

            note

            ", - "notetype": "note", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Note", + "group": "Text Components", + "model": { + "text": "

            note

            ", + "notetype": "note", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-rte.json b/fragments/note/sample-rte.json index 2b34406a4..da7e1a756 100644 --- a/fragments/note/sample-rte.json +++ b/fragments/note/sample-rte.json @@ -1,9 +1,9 @@ { - "title": "Note With All RTE Styles", - "group": ".hidden", - "model": { - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note With All RTE Styles", + "group": ".hidden", + "model": { + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-tip.json b/fragments/note/sample-tip.json index e9e9665f6..d27d0709e 100644 --- a/fragments/note/sample-tip.json +++ b/fragments/note/sample-tip.json @@ -1,10 +1,10 @@ { - "title": "Note - Tip", - "group": "Text Components", - "model": { - "text": "

            tip

            ", - "notetype": "tip", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Tip", + "group": "Text Components", + "model": { + "text": "

            tip

            ", + "notetype": "tip", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-warning-dark.json b/fragments/note/sample-warning-dark.json index e03951374..89e3650f8 100644 --- a/fragments/note/sample-warning-dark.json +++ b/fragments/note/sample-warning-dark.json @@ -1,11 +1,11 @@ { - "title": "Note - Warning Dark", - "group": ".hidden", - "model": { - "text": "

            warning

            ", - "notetype": "warning", - "colorscheme": "dark", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Warning Dark", + "group": ".hidden", + "model": { + "text": "

            warning

            ", + "notetype": "warning", + "colorscheme": "dark", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample-warning.json b/fragments/note/sample-warning.json index d74f8a6c5..1b8ca71cc 100644 --- a/fragments/note/sample-warning.json +++ b/fragments/note/sample-warning.json @@ -1,10 +1,10 @@ { - "title": "Note - Warning", - "group": "Text Components", - "model": { - "text": "

            warning

            ", - "notetype": "warning", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Warning", + "group": "Text Components", + "model": { + "text": "

            warning

            ", + "notetype": "warning", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/sample.json b/fragments/note/sample.json index 6cb718deb..ecabaa77e 100644 --- a/fragments/note/sample.json +++ b/fragments/note/sample.json @@ -1,9 +1,9 @@ { - "title": "Note - Example", - "group": "Text Components", - "model": { - "text": "

            Here is some example note text default style

            ", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Note - Example", + "group": "Text Components", + "model": { + "text": "

            Here is some example note text default style

            ", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/note/template.html b/fragments/note/template.html index 7015633fe..2589f7fd0 100644 --- a/fragments/note/template.html +++ b/fragments/note/template.html @@ -1,3 +1,3 @@
            -
            +
            diff --git a/fragments/note/template.vue b/fragments/note/template.vue index ad4824be6..8f3a774f6 100644 --- a/fragments/note/template.vue +++ b/fragments/note/template.vue @@ -1,26 +1,26 @@ diff --git a/fragments/pagelist/hatch.js b/fragments/pagelist/hatch.js index 14fc6748d..30e27d5e0 100644 --- a/fragments/pagelist/hatch.js +++ b/fragments/pagelist/hatch.js @@ -1,73 +1,75 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.addIf($.find("ul.root"), "model.includeroot === 'true'"); + f.addIf($.find("ul.root"), "model.includeroot === 'true'"); - f.bindAttribute( - $.find("li.root a").first(), - "href", - f.pathToUrl("model.rootPageLink") - ); - f.mapField($.find("li.root a").first(), "model.rootPageTitle", false); - f.addFor($.find("li.children").first(), "model.childrenPages", "child"); - f.bindAttribute( - $.find("li.children a").first(), - "href", - f.pathToUrl("child.path") - ); - f.mapField($.find("li.children a").first(), "child.title", false); + f.bindAttribute( + $.find("li.root a").first(), + "href", + f.pathToUrl("model.rootPageLink") + ); + f.mapField($.find("li.root a").first(), "model.rootPageTitle", false); + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); - f.replace( - $.find("div.reference").eq(0), - '
            ' - ); - f.replace( - $.find(".noroot .reference").eq(0), - '
            ' - ); - f.replace( - $.find(".root .children .reference").eq(0), - '
            ' - ); + f.replace( + $.find("div.reference").eq(0), + '
            ' + ); + f.replace( + $.find(".noroot .reference").eq(0), + '
            ' + ); + f.replace( + $.find(".root .children .reference").eq(0), + '
            ' + ); - f.replace( - $.find("ul.nested").eq(0), - '' - ); - f.addIf( - $.find("li.children themecleanflex-components-pagelistnested").first(), - "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" - ); + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find( + "li.children themecleanflex-components-pagelistnested" + ).first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($.find("ul.noroot").first()); + f.addElse($.find("ul.noroot").first()); - f.addFor( - $.find("li.childrennoroot").first(), - "model.childrenPages", - "child" - ); - f.bindAttribute( - $.find("li.childrennoroot a").first(), - "href", - f.pathToUrl("child.path") - ); - f.mapField($.find("li.childrennoroot a").first(), "child.title", false); - f.replace( - $.find("ul.nestednoroot").eq(0), - '' - ); - f.addIf( - $.find( - "li.childrennoroot themecleanflex-components-pagelistnested" - ).first(), - "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" - ); + f.addFor( + $.find("li.childrennoroot").first(), + "model.childrenPages", + "child" + ); + f.bindAttribute( + $.find("li.childrennoroot a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.childrennoroot a").first(), "child.title", false); + f.replace( + $.find("ul.nestednoroot").eq(0), + '' + ); + f.addIf( + $.find( + "li.childrennoroot themecleanflex-components-pagelistnested" + ).first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.addElse($); - $.parent().prepend( - '
            {{isEditAndEmpty}}
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            {{isEditAndEmpty}}
            ' + ); + }, }; diff --git a/fragments/pagelist/model.json b/fragments/pagelist/model.json index a8135f288..55244ae0e 100644 --- a/fragments/pagelist/model.json +++ b/fragments/pagelist/model.json @@ -1,82 +1,82 @@ { - "definitions": { - "Pagelist": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "includeroot": { - "type": "string", - "x-source": "inject", - "x-form-label": "Include Root", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-form-default": false - }, - "levels": { - "type": "string", - "x-source": "inject", - "x-form-type": "number", - "x-form-group": "content", - "x-form-label": "Levels", - "x-form-default": 1, - "x-form-min": 1 - }, - "references": { - "type": "string", - "x-source": "inject", - "x-form-label": "References", - "x-form-fieldLabel": "contentname", - "x-form-type": "collection", - "x-form-group": "content", - "properties": { - "contentname": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Name", - "x-form-type": "text" - }, - "contentfield": { - "type": "string", - "x-source": "inject", - "x-form-label": "Content Field", - "x-form-type": "text" - }, - "htmlelement": { - "type": "string", - "x-source": "inject", - "x-form-label": "HTML Element", - "x-form-type": "text" - }, - "cssclass": { - "type": "string", - "x-source": "inject", - "x-form-label": "CSS Classes", - "x-form-type": "text" - } - } - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Pagelist": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "includeroot": { + "type": "string", + "x-source": "inject", + "x-form-label": "Include Root", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-form-default": false + }, + "levels": { + "type": "string", + "x-source": "inject", + "x-form-type": "number", + "x-form-group": "content", + "x-form-label": "Levels", + "x-form-default": 1, + "x-form-min": 1 + }, + "references": { + "type": "string", + "x-source": "inject", + "x-form-label": "References", + "x-form-fieldLabel": "contentname", + "x-form-type": "collection", + "x-form-group": "content", + "properties": { + "contentname": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Name", + "x-form-type": "text" + }, + "contentfield": { + "type": "string", + "x-source": "inject", + "x-form-label": "Content Field", + "x-form-type": "text" + }, + "htmlelement": { + "type": "string", + "x-source": "inject", + "x-form-label": "HTML Element", + "x-form-type": "text" + }, + "cssclass": { + "type": "string", + "x-source": "inject", + "x-form-label": "CSS Classes", + "x-form-type": "text" + } + } + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/pagelist/sample-blank.json b/fragments/pagelist/sample-blank.json index 765b053f8..7207959de 100644 --- a/fragments/pagelist/sample-blank.json +++ b/fragments/pagelist/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Page List", - "group": "Features", - "model": {} + "title": "Page List", + "group": "Features", + "model": {} } diff --git a/fragments/pagelist/sample-empty.json b/fragments/pagelist/sample-empty.json index ad815ada7..4c9bcf1f0 100644 --- a/fragments/pagelist/sample-empty.json +++ b/fragments/pagelist/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Page List no default values", - "group": "Empty", - "model": {} + "title": "Page List no default values", + "group": "Empty", + "model": {} } diff --git a/fragments/pagelist/sample.json b/fragments/pagelist/sample.json index 949c2093c..620b06d4f 100644 --- a/fragments/pagelist/sample.json +++ b/fragments/pagelist/sample.json @@ -1,10 +1,10 @@ { - "title": "Page List - Example", - "group": "Features", - "model": { - "bottompadding": "20", - "toppadding": "20", - "rootpage": "/content/themecleanflex/pages", - "levels": "2" - } + "title": "Page List - Example", + "group": "Features", + "model": { + "bottompadding": "20", + "toppadding": "20", + "rootpage": "/content/themecleanflex/pages", + "levels": "2" + } } diff --git a/fragments/pagelist/template.html b/fragments/pagelist/template.html index a81713a86..fd0694f79 100644 --- a/fragments/pagelist/template.html +++ b/fragments/pagelist/template.html @@ -1,40 +1,40 @@
            - - + +
            diff --git a/fragments/pagelist/template.vue b/fragments/pagelist/template.vue index 5ad154185..a6375efb5 100644 --- a/fragments/pagelist/template.vue +++ b/fragments/pagelist/template.vue @@ -1,85 +1,90 @@ diff --git a/fragments/pagelistnested/hatch.js b/fragments/pagelistnested/hatch.js index 1a721d451..22d28bda9 100644 --- a/fragments/pagelistnested/hatch.js +++ b/fragments/pagelistnested/hatch.js @@ -1,25 +1,25 @@ module.exports = { - convert: function ($, f) { - //f.bindPath($) - f.addFor($.find("li.children").first(), "model.childrenPages", "child"); - f.bindAttribute( - $.find("li.children a").first(), - "href", - f.pathToUrl("child.path") - ); - f.mapField($.find("li.children a").first(), "child.title", false); - f.replace( - $.find("ul.nested").eq(0), - '' - ); - f.addIf( - $.find("themecleanflex-components-pagelistnested").first(), - "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" - ); + convert: function ($, f) { + //f.bindPath($) + f.addFor($.find("li.children").first(), "model.childrenPages", "child"); + f.bindAttribute( + $.find("li.children a").first(), + "href", + f.pathToUrl("child.path") + ); + f.mapField($.find("li.children a").first(), "child.title", false); + f.replace( + $.find("ul.nested").eq(0), + '' + ); + f.addIf( + $.find("themecleanflex-components-pagelistnested").first(), + "child.hasChildren && child.childrenPages && child.childrenPages.length > 0" + ); - f.replace( - $.find(".reference").eq(0), - '
            ' - ); - }, + f.replace( + $.find(".reference").eq(0), + '
            ' + ); + }, }; diff --git a/fragments/pagelistnested/model.json b/fragments/pagelistnested/model.json index 0a4b16c73..a9d4876a3 100644 --- a/fragments/pagelistnested/model.json +++ b/fragments/pagelistnested/model.json @@ -1,9 +1,9 @@ { - "definitions": { - "Pagelistnested": { - "type": "object", - "x-type": "component", - "properties": {} - } - } + "definitions": { + "Pagelistnested": { + "type": "object", + "x-type": "component", + "properties": {} + } + } } diff --git a/fragments/pagelistnested/sample.json b/fragments/pagelistnested/sample.json index 0478da250..52db05eb2 100644 --- a/fragments/pagelistnested/sample.json +++ b/fragments/pagelistnested/sample.json @@ -1,5 +1,5 @@ { - "title": "Pagelistnested", - "group": ".hidden", - "model": {} + "title": "Pagelistnested", + "group": ".hidden", + "model": {} } diff --git a/fragments/pagelistnested/template.html b/fragments/pagelistnested/template.html index c25478af4..5913df068 100644 --- a/fragments/pagelistnested/template.html +++ b/fragments/pagelistnested/template.html @@ -1,16 +1,16 @@ diff --git a/fragments/pagelistnested/template.vue b/fragments/pagelistnested/template.vue index 5d286b556..a50cd9a5d 100644 --- a/fragments/pagelistnested/template.vue +++ b/fragments/pagelistnested/template.vue @@ -1,28 +1,28 @@ diff --git a/fragments/pager/hatch.js b/fragments/pager/hatch.js index 5c23d87c0..002b8ca55 100644 --- a/fragments/pager/hatch.js +++ b/fragments/pager/hatch.js @@ -1,10 +1,10 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.addIf($.find(".perIsEditAndEmpty").first(), "isEditAndEmpty"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.addIf($.find(".perIsEditAndEmpty").first(), "isEditAndEmpty"); + f.bindAttribute($.parent(), "model", "model"); - let a1Classes = `{ + let a1Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -17,7 +17,7 @@ module.exports = { 'invisible': model.previous === 'unknown', }`; - let a2Classes = `{ + let a2Classes = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': model.buttoncolor === 'primary', @@ -30,20 +30,20 @@ module.exports = { 'invisible': model.next === 'unknown', }`; - let a1 = $.find("a").eq(0); - let a2 = $.find("a").eq(1); + let a1 = $.find("a").eq(0); + let a2 = $.find("a").eq(1); - f.mapField(a1, "model.prevlabel"); - f.bindAttribute(a1, "href", f.pathToUrl("model.previous")); - f.bindAttribute(a1, "class", a1Classes, false); + f.mapField(a1, "model.prevlabel"); + f.bindAttribute(a1, "href", f.pathToUrl("model.previous")); + f.bindAttribute(a1, "class", a1Classes, false); - f.mapField(a2, "model.nextlabel"); - f.bindAttribute(a2, "href", f.pathToUrl("model.next")); - f.bindAttribute(a2, "class", a2Classes, false); + f.mapField(a2, "model.nextlabel"); + f.bindAttribute(a2, "href", f.pathToUrl("model.next")); + f.bindAttribute(a2, "class", a2Classes, false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/pager/model.json b/fragments/pager/model.json index 2cc3a00ee..8e717ce17 100644 --- a/fragments/pager/model.json +++ b/fragments/pager/model.json @@ -1,127 +1,127 @@ { - "definitions": { - "Pager": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "rootpage": { - "type": "string", - "x-source": "inject", - "x-form-type": "pathbrowser", - "x-form-label": "Root Page", - "x-form-group": "content", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "includeroot": { - "type": "string", - "x-source": "inject", - "x-form-label": "Include Root", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-default": false - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "prevlabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Previous Label", - "x-form-type": "text", - "x-form-group": "content", - "x-default": "Previous" - }, - "nextlabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Next Label", - "x-form-type": "text", - "x-form-group": "content", - "x-default": "Next" - }, - "disableprevious": { - "type": "string", - "x-source": "inject", - "x-form-label": "Disable the previous button", - "x-form-type": "materialswitch", - "x-form-group": "content", - "x-default": false - }, - "excludesitemapexcludes": { - "type": "string", - "x-source": "inject", - "x-form-label": "Exclude pages Excluded in Sitemap", - "x-form-group": "content", - "x-form-type": "materialswitch", - "x-default": false - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Pager": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "rootpage": { + "type": "string", + "x-source": "inject", + "x-form-type": "pathbrowser", + "x-form-label": "Root Page", + "x-form-group": "content", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "includeroot": { + "type": "string", + "x-source": "inject", + "x-form-label": "Include Root", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-default": false + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "prevlabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Previous Label", + "x-form-type": "text", + "x-form-group": "content", + "x-default": "Previous" + }, + "nextlabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Next Label", + "x-form-type": "text", + "x-form-group": "content", + "x-default": "Next" + }, + "disableprevious": { + "type": "string", + "x-source": "inject", + "x-form-label": "Disable the previous button", + "x-form-type": "materialswitch", + "x-form-group": "content", + "x-default": false + }, + "excludesitemapexcludes": { + "type": "string", + "x-source": "inject", + "x-form-label": "Exclude pages Excluded in Sitemap", + "x-form-group": "content", + "x-form-type": "materialswitch", + "x-default": false + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/pager/sample-blank.json b/fragments/pager/sample-blank.json index deea36cc0..a4adb2b63 100644 --- a/fragments/pager/sample-blank.json +++ b/fragments/pager/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Pager", - "group": "Features", - "model": {} + "title": "Pager", + "group": "Features", + "model": {} } diff --git a/fragments/pager/sample-empty.json b/fragments/pager/sample-empty.json index 2bbf6defd..13b881ddb 100644 --- a/fragments/pager/sample-empty.json +++ b/fragments/pager/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Article Pager", - "group": "Empty", - "model": {} + "title": "Article Pager", + "group": "Empty", + "model": {} } diff --git a/fragments/pager/sample.json b/fragments/pager/sample.json index 81a9789ba..6b5b24a91 100644 --- a/fragments/pager/sample.json +++ b/fragments/pager/sample.json @@ -1,11 +1,11 @@ { - "title": "Pager - Example", - "group": "Features", - "model": { - "prevlabel": "< Prev", - "nextlabel": "Next >", - "colorscheme": "", - "toppadding": "10", - "bottompadding": "10" - } + "title": "Pager - Example", + "group": "Features", + "model": { + "prevlabel": "< Prev", + "nextlabel": "Next >", + "colorscheme": "", + "toppadding": "10", + "bottompadding": "10" + } } diff --git a/fragments/pager/template.html b/fragments/pager/template.html index 6c40e3b76..281238a5d 100644 --- a/fragments/pager/template.html +++ b/fragments/pager/template.html @@ -1,4 +1,4 @@
            - Prev - Next + Prev + Next
            diff --git a/fragments/pager/template.vue b/fragments/pager/template.vue index 7dee92abb..24a0601e5 100644 --- a/fragments/pager/template.vue +++ b/fragments/pager/template.vue @@ -1,60 +1,60 @@ diff --git a/fragments/quote/hatch.js b/fragments/quote/hatch.js index c38215d47..ad6430314 100644 --- a/fragments/quote/hatch.js +++ b/fragments/quote/hatch.js @@ -1,20 +1,20 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.mapRichField($, "model.text"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($, "model.text"); - const quoteClasses = `[ + const quoteClasses = `[ {'border-l-8': model.blockquote === 'true'}, {'border-t-2 border-b-4': model.blockquote === 'false'}, model.colorscheme === 'dark' ? 'border-gray-200' : 'border-gray-800' ]`; - f.bindAttribute($, "class", quoteClasses, false); + f.bindAttribute($, "class", quoteClasses, false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/quote/model.json b/fragments/quote/model.json index e35325023..a069ecb63 100644 --- a/fragments/quote/model.json +++ b/fragments/quote/model.json @@ -1,30 +1,30 @@ { - "definitions": { - "Quote": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "blockquote": { - "type": "string", - "x-source": "inject", - "x-form-label": "Block Quote?", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-default": "false" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Quote": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "blockquote": { + "type": "string", + "x-source": "inject", + "x-form-label": "Block Quote?", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-default": "false" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/quote/sample-blank.json b/fragments/quote/sample-blank.json index ddac8a893..61da6a95c 100644 --- a/fragments/quote/sample-blank.json +++ b/fragments/quote/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Quote", - "group": "Text Components", - "model": {} + "title": "Quote", + "group": "Text Components", + "model": {} } diff --git a/fragments/quote/sample-blockquote.json b/fragments/quote/sample-blockquote.json index 2ff536b1f..811c3fcd3 100644 --- a/fragments/quote/sample-blockquote.json +++ b/fragments/quote/sample-blockquote.json @@ -1,11 +1,11 @@ { - "title": "Quote - Block", - "group": "Text Components", - "model": { - "text": "

            If you think you can do a thing or think you cant do a thing, youre right.

            - Henry Ford", - "blockquote": "true", - "blockwidth": "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Block", + "group": "Text Components", + "model": { + "text": "

            If you think you can do a thing or think you cant do a thing, youre right.

            - Henry Ford", + "blockquote": "true", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample-largequote.json b/fragments/quote/sample-largequote.json index d1ed01f77..ff891ca71 100644 --- a/fragments/quote/sample-largequote.json +++ b/fragments/quote/sample-largequote.json @@ -1,11 +1,11 @@ { - "title": "Quote - Block Large", - "group": "Text Components", - "model": { - "text": "

            That's one small step for a man, one giant leap for mankind.
            -Neil Armstrong

            ", - "blockquote": "true", - "blockwidth": "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Block Large", + "group": "Text Components", + "model": { + "text": "

            That's one small step for a man, one giant leap for mankind.
            -Neil Armstrong

            ", + "blockquote": "true", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample-rte.json b/fragments/quote/sample-rte.json index 63e5ee709..650e93e2a 100644 --- a/fragments/quote/sample-rte.json +++ b/fragments/quote/sample-rte.json @@ -1,11 +1,11 @@ { - "title": "Quote With All RTE Styles", - "group": ".hidden", - "model": { - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "blockquote": "false", - "blockwidth": "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote With All RTE Styles", + "group": ".hidden", + "model": { + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "blockquote": "false", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/sample.json b/fragments/quote/sample.json index 1dac35eca..122fc2da8 100644 --- a/fragments/quote/sample.json +++ b/fragments/quote/sample.json @@ -1,11 +1,11 @@ { - "title": "Quote - Basic", - "group": "Text Components", - "model": { - "text": "

            \"Thats one small step for a man, one giant leap for mankind.\"

            -Neil Armstrong

            ", - "blockquote": "false", - "blockwidth": "article", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Quote - Basic", + "group": "Text Components", + "model": { + "text": "

            \"Thats one small step for a man, one giant leap for mankind.\"

            -Neil Armstrong

            ", + "blockquote": "false", + "blockwidth": "article", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/quote/template.vue b/fragments/quote/template.vue index 7921244a6..0bd30df28 100644 --- a/fragments/quote/template.vue +++ b/fragments/quote/template.vue @@ -1,30 +1,32 @@ diff --git a/fragments/reference/hatch.js b/fragments/reference/hatch.js index 7bb1790de..8fd165a8c 100644 --- a/fragments/reference/hatch.js +++ b/fragments/reference/hatch.js @@ -1,18 +1,18 @@ module.exports = { - convert: function ($, f) { - f.bindAttribute($, "data-per-path", "model.path"); - f.bindAttribute( - $.find("component"), - "is", - "getLoadedComponent(refModel.component)" - ); - f.bindAttribute($.find("component"), "model", "refModel"); - f.addIf($.find(".absolute"), "maskReference"); - f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find(".relative")); - $.prepend( - '
            {{isEditAndEmpty}}
            ' - ); - }, + f.addElse($.find(".relative")); + $.prepend( + '
            {{isEditAndEmpty}}
            ' + ); + }, }; diff --git a/fragments/reference/htmltovue.js b/fragments/reference/htmltovue.js index 7bb1790de..8fd165a8c 100644 --- a/fragments/reference/htmltovue.js +++ b/fragments/reference/htmltovue.js @@ -1,18 +1,18 @@ module.exports = { - convert: function ($, f) { - f.bindAttribute($, "data-per-path", "model.path"); - f.bindAttribute( - $.find("component"), - "is", - "getLoadedComponent(refModel.component)" - ); - f.bindAttribute($.find("component"), "model", "refModel"); - f.addIf($.find(".absolute"), "maskReference"); - f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); + convert: function ($, f) { + f.bindAttribute($, "data-per-path", "model.path"); + f.bindAttribute( + $.find("component"), + "is", + "getLoadedComponent(refModel.component)" + ); + f.bindAttribute($.find("component"), "model", "refModel"); + f.addIf($.find(".absolute"), "maskReference"); + f.bindAttribute($.find(".absolute"), "style", "overlayStyle"); - f.addElse($.find(".relative")); - $.prepend( - '
            {{isEditAndEmpty}}
            ' - ); - }, + f.addElse($.find(".relative")); + $.prepend( + '
            {{isEditAndEmpty}}
            ' + ); + }, }; diff --git a/fragments/reference/model.json b/fragments/reference/model.json index 1fddac666..857f33602 100644 --- a/fragments/reference/model.json +++ b/fragments/reference/model.json @@ -1,30 +1,30 @@ { - "definitions": { - "Reference": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "reference": { - "type": "string", - "x-source": "inject", - "x-form-label": "Reference", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "contentnameref": { - "type": "string", - "x-source": "inject", - "x-form-group": "content", - "x-form-label": "Content Name Reference", - "x-form-type": "text" - }, - "bgref": { - "x-form-type": "reference", - "$ref": "fragments/block/model.json#/definitions/Block" - } - } - } - } + "definitions": { + "Reference": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "reference": { + "type": "string", + "x-source": "inject", + "x-form-label": "Reference", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "contentnameref": { + "type": "string", + "x-source": "inject", + "x-form-group": "content", + "x-form-label": "Content Name Reference", + "x-form-type": "text" + }, + "bgref": { + "x-form-type": "reference", + "$ref": "fragments/block/model.json#/definitions/Block" + } + } + } + } } diff --git a/fragments/reference/sample.json b/fragments/reference/sample.json index a2ecaf00a..0864458b9 100644 --- a/fragments/reference/sample.json +++ b/fragments/reference/sample.json @@ -1,7 +1,7 @@ { - "title": "Reference", - "group": "Chrome", - "model": { - "reference": "" - } + "title": "Reference", + "group": "Chrome", + "model": { + "reference": "" + } } diff --git a/fragments/reference/template.html b/fragments/reference/template.html index 817bfb5b6..c58ef3f75 100644 --- a/fragments/reference/template.html +++ b/fragments/reference/template.html @@ -1,6 +1,6 @@
            -
            -
            - -
            +
            +
            + +
            diff --git a/fragments/reference/template.vue b/fragments/reference/template.vue index fab6b5bde..1f1fd9dc2 100644 --- a/fragments/reference/template.vue +++ b/fragments/reference/template.vue @@ -1,64 +1,68 @@ diff --git a/fragments/richtext/hatch.js b/fragments/richtext/hatch.js index 60dbab6d6..a3df5437b 100644 --- a/fragments/richtext/hatch.js +++ b/fragments/richtext/hatch.js @@ -1,28 +1,28 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.mapRichField($.find("div").eq(1), "model.text"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.mapRichField($.find("div").eq(1), "model.text"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after' }`; - f.bindAttribute($, "class", containerClasses, false); + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find(".img-wrapper").first(); - f.addIf(mediaDiv, "model.showmedia === 'true'"); - f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); - f.replace( - $.find("img"), - '' - ); + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/richtext/model.json b/fragments/richtext/model.json index a7a491cee..d3eeff66d 100644 --- a/fragments/richtext/model.json +++ b/fragments/richtext/model.json @@ -1,45 +1,45 @@ { - "definitions": { - "Richtext": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Richtext": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/richtext/sample-allstyles.json b/fragments/richtext/sample-allstyles.json index a1f75810d..a54114307 100644 --- a/fragments/richtext/sample-allstyles.json +++ b/fragments/richtext/sample-allstyles.json @@ -1,8 +1,8 @@ { - "title": "Text Block - all styles", - "default": true, - "group": ".hidden", - "model": { - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            " - } + "title": "Text Block - all styles", + "default": true, + "group": ".hidden", + "model": { + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            " + } } diff --git a/fragments/richtext/sample-blank.json b/fragments/richtext/sample-blank.json index ff19ec9a9..a1cd60b17 100644 --- a/fragments/richtext/sample-blank.json +++ b/fragments/richtext/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Rich Text", - "group": "Text Components", - "model": {} + "title": "Rich Text", + "group": "Text Components", + "model": {} } diff --git a/fragments/richtext/sample-empty.json b/fragments/richtext/sample-empty.json index 6b867a689..ff0f18fd1 100644 --- a/fragments/richtext/sample-empty.json +++ b/fragments/richtext/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Empty Rich Text Test", - "group": "Empty", - "model": {} + "title": "Empty Rich Text Test", + "group": "Empty", + "model": {} } diff --git a/fragments/richtext/sample-media.json b/fragments/richtext/sample-media.json index 0e4e5aa41..0997b633a 100644 --- a/fragments/richtext/sample-media.json +++ b/fragments/richtext/sample-media.json @@ -1,15 +1,15 @@ { - "title": "Rich Text - with media", - "default": true, - "group": "Text Components", - "model": { - "showmedia": "true", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "mediatitle": "Bird's eye view of the beach", - "mediawidth": "50", - "toppadding": "50", - "bottompadding": "50", - "text": "

            Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.

            " - } + "title": "Rich Text - with media", + "default": true, + "group": "Text Components", + "model": { + "showmedia": "true", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "mediatitle": "Bird's eye view of the beach", + "mediawidth": "50", + "toppadding": "50", + "bottompadding": "50", + "text": "

            Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.

            " + } } diff --git a/fragments/richtext/sample.json b/fragments/richtext/sample.json index 4744b880b..61ab5a815 100644 --- a/fragments/richtext/sample.json +++ b/fragments/richtext/sample.json @@ -1,8 +1,8 @@ { - "title": "Rich Text - Example", - "default": true, - "group": "Text Components", - "model": { - "text": "

            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

            " - } + "title": "Rich Text - Example", + "default": true, + "group": "Text Components", + "model": { + "text": "

            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

            " + } } diff --git a/fragments/richtext/template.html b/fragments/richtext/template.html index aa8f82c24..7dffa210f 100644 --- a/fragments/richtext/template.html +++ b/fragments/richtext/template.html @@ -1,6 +1,6 @@
            -
            - -
            -
            richtext
            +
            + +
            +
            richtext
            diff --git a/fragments/richtext/template.vue b/fragments/richtext/template.vue index b342d6253..dbf726970 100644 --- a/fragments/richtext/template.vue +++ b/fragments/richtext/template.vue @@ -1,42 +1,42 @@ diff --git a/fragments/simpletext/hatch.js b/fragments/simpletext/hatch.js index 0e6c69ec0..eeaee0f5a 100644 --- a/fragments/simpletext/hatch.js +++ b/fragments/simpletext/hatch.js @@ -1,11 +1,11 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.bindAttribute($, "is", "model.element"); - f.mapField($, "model.text"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.bindAttribute($, "is", "model.element"); + f.mapField($, "model.text"); - let classes = `{ + let classes = `{ 'text-4xl font-semibold': model.element === \'h1\', 'text-3xl font-semibold': model.element === \'h2\', 'text-2xl': model.element === \'h3\', @@ -13,11 +13,11 @@ module.exports = { 'text-lg': model.element === \'h5\', }`; - f.bindAttribute($, "class", classes, false); + f.bindAttribute($, "class", classes, false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/simpletext/model.json b/fragments/simpletext/model.json index 41640f4fb..299507f4f 100644 --- a/fragments/simpletext/model.json +++ b/fragments/simpletext/model.json @@ -1,56 +1,56 @@ { - "definitions": { - "Simpletext": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-group": "content", - "x-form-type": "text" - }, - "element": { - "type": "string", - "x-source": "inject", - "x-form-label": "Choose Element Type", - "x-form-group": "content", - "x-form-type": "materialselect", - "x-default": "p", - "properties": { - "h1": { - "x-form-name": "h1", - "x-form-value": "h1" - }, - "h2": { - "x-form-name": "h2", - "x-form-value": "h2" - }, - "h3": { - "x-form-name": "h3", - "x-form-value": "h3" - }, - "h4": { - "x-form-name": "h4", - "x-form-value": "h4" - }, - "h5": { - "x-form-name": "h5", - "x-form-value": "h5" - }, - "p": { - "x-form-name": "p", - "x-form-value": "p" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Simpletext": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-group": "content", + "x-form-type": "text" + }, + "element": { + "type": "string", + "x-source": "inject", + "x-form-label": "Choose Element Type", + "x-form-group": "content", + "x-form-type": "materialselect", + "x-default": "p", + "properties": { + "h1": { + "x-form-name": "h1", + "x-form-value": "h1" + }, + "h2": { + "x-form-name": "h2", + "x-form-value": "h2" + }, + "h3": { + "x-form-name": "h3", + "x-form-value": "h3" + }, + "h4": { + "x-form-name": "h4", + "x-form-value": "h4" + }, + "h5": { + "x-form-name": "h5", + "x-form-value": "h5" + }, + "p": { + "x-form-name": "p", + "x-form-value": "p" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/simpletext/sample-blank.json b/fragments/simpletext/sample-blank.json index 5150aa99c..f1e7fccb2 100644 --- a/fragments/simpletext/sample-blank.json +++ b/fragments/simpletext/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Text", - "group": "Text Components", - "model": { - "text": "" - } + "title": "Text", + "group": "Text Components", + "model": { + "text": "" + } } diff --git a/fragments/simpletext/sample-empty.json b/fragments/simpletext/sample-empty.json index a08a13970..503b7c531 100644 --- a/fragments/simpletext/sample-empty.json +++ b/fragments/simpletext/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Empty Simple Text Test", - "group": "Empty", - "model": {} + "title": "Empty Simple Text Test", + "group": "Empty", + "model": {} } diff --git a/fragments/simpletext/sample-h1.json b/fragments/simpletext/sample-h1.json index 9ffcbe552..af1fd5b04 100644 --- a/fragments/simpletext/sample-h1.json +++ b/fragments/simpletext/sample-h1.json @@ -1,8 +1,8 @@ { - "title": "Text - Heading 1", - "group": "Text Components", - "model": { - "text": "Themeclean Heading", - "element": "h1" - } + "title": "Text - Heading 1", + "group": "Text Components", + "model": { + "text": "Themeclean Heading", + "element": "h1" + } } diff --git a/fragments/simpletext/sample-h2.json b/fragments/simpletext/sample-h2.json index ec260020f..1d0f0f403 100644 --- a/fragments/simpletext/sample-h2.json +++ b/fragments/simpletext/sample-h2.json @@ -1,8 +1,8 @@ { - "title": "Text - Heading 2", - "group": "Text Components", - "model": { - "text": "Themeclean Secondary Heading", - "element": "h2" - } + "title": "Text - Heading 2", + "group": "Text Components", + "model": { + "text": "Themeclean Secondary Heading", + "element": "h2" + } } diff --git a/fragments/simpletext/sample.json b/fragments/simpletext/sample.json index 06fb361c6..b5f363cd4 100644 --- a/fragments/simpletext/sample.json +++ b/fragments/simpletext/sample.json @@ -1,8 +1,8 @@ { - "title": "Text - Example", - "group": "Text Components", - "model": { - "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", - "element": "p" - } + "title": "Text - Example", + "group": "Text Components", + "model": { + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "element": "p" + } } diff --git a/fragments/simpletext/template.vue b/fragments/simpletext/template.vue index e28517ca1..b7952911e 100644 --- a/fragments/simpletext/template.vue +++ b/fragments/simpletext/template.vue @@ -1,32 +1,32 @@ diff --git a/fragments/socialicons/hatch.js b/fragments/socialicons/hatch.js index 58380ee16..ed62992c7 100644 --- a/fragments/socialicons/hatch.js +++ b/fragments/socialicons/hatch.js @@ -1,18 +1,18 @@ module.exports = { - convert: function ($, f) { - let a = $.find("a").first(); - f.addFor(a, "model.icons"); - f.bindAttribute(a, "href", f.pathToUrl("item.url")); - f.bindAttribute(a, "title", "item.iconalttext"); - f.addStyle( - a, - "color", - "model.iconcustomcolor === 'true' ? model.iconcolor : false" - ); + convert: function ($, f) { + let a = $.find("a").first(); + f.addFor(a, "model.icons"); + f.bindAttribute(a, "href", f.pathToUrl("item.url")); + f.bindAttribute(a, "title", "item.iconalttext"); + f.addStyle( + a, + "color", + "model.iconcustomcolor === 'true' ? model.iconcolor : false" + ); - f.addStyle($.find("svg"), "width", "model.iconsize", "px"); + f.addStyle($.find("svg"), "width", "model.iconsize", "px"); - f.bindAttribute($.find("use"), false, "{'xlink:href':`#${item.icon}`}"); - f.bindAttribute($.find("use"), "href", "`#${item.icon}`"); - }, + f.bindAttribute($.find("use"), false, "{'xlink:href':`#${item.icon}`}"); + f.bindAttribute($.find("use"), "href", "`#${item.icon}`"); + }, }; diff --git a/fragments/socialicons/model.json b/fragments/socialicons/model.json index 72a9bf69e..2bc15a738 100644 --- a/fragments/socialicons/model.json +++ b/fragments/socialicons/model.json @@ -1,64 +1,64 @@ { - "definitions": { - "Socialicons": { - "type": "object", - "x-type": "component", - "properties": { - "iconcustomcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Custom Icons Color", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "iconcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Color", - "x-default": "#000000", - "x-form-group": "style", - "x-form-visible": "model.iconcustomcolor == 'true'", - "x-form-type": "color" - }, - "iconsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Size", - "x-form-group": "style", - "x-form-type": "materialrange", - "x-default": "25", - "x-form-min": 0, - "x-form-max": 150 - }, - "icons": { - "type": "object", - "x-form-type": "collection", - "x-form-label": "Icons", - "x-form-group": "content", - "x-source": "inject", - "properties": { - "icon": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Name", - "x-form-type": "text" - }, - "url": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Url", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "iconalttext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Icon Alt Text", - "x-form-type": "text" - } - } - } - } - } - } + "definitions": { + "Socialicons": { + "type": "object", + "x-type": "component", + "properties": { + "iconcustomcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Custom Icons Color", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "iconcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Color", + "x-default": "#000000", + "x-form-group": "style", + "x-form-visible": "model.iconcustomcolor == 'true'", + "x-form-type": "color" + }, + "iconsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Size", + "x-form-group": "style", + "x-form-type": "materialrange", + "x-default": "25", + "x-form-min": 0, + "x-form-max": 150 + }, + "icons": { + "type": "object", + "x-form-type": "collection", + "x-form-label": "Icons", + "x-form-group": "content", + "x-source": "inject", + "properties": { + "icon": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Name", + "x-form-type": "text" + }, + "url": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Url", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "iconalttext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Icon Alt Text", + "x-form-type": "text" + } + } + } + } + } + } } diff --git a/fragments/socialicons/sample.json b/fragments/socialicons/sample.json index 3e2c1817a..0f4cbdfde 100644 --- a/fragments/socialicons/sample.json +++ b/fragments/socialicons/sample.json @@ -1,33 +1,33 @@ { - "title": "Social Icons", - "group": ".hidden", - "model": { - "icons": [ - { - "url": "https://www.facebook.com/", - "icon": "facebook", - "iconalttext": "Facebook" - }, - { - "url": "https://twitter.com/", - "icon": "twitter", - "iconalttext": "Twitter" - }, - { - "url": "https://www.instagram.com/", - "icon": "instagram", - "iconalttext": "Instagram" - }, - { - "url": "https://www.pinterest.com/", - "icon": "pinterest", - "iconalttext": "Pinterest" - }, - { - "url": "https://www.youtube.com/", - "icon": "youtube", - "iconalttext": "Youtube" - } - ] - } + "title": "Social Icons", + "group": ".hidden", + "model": { + "icons": [ + { + "url": "https://www.facebook.com/", + "icon": "facebook", + "iconalttext": "Facebook" + }, + { + "url": "https://twitter.com/", + "icon": "twitter", + "iconalttext": "Twitter" + }, + { + "url": "https://www.instagram.com/", + "icon": "instagram", + "iconalttext": "Instagram" + }, + { + "url": "https://www.pinterest.com/", + "icon": "pinterest", + "iconalttext": "Pinterest" + }, + { + "url": "https://www.youtube.com/", + "icon": "youtube", + "iconalttext": "Youtube" + } + ] + } } diff --git a/fragments/socialicons/template.html b/fragments/socialicons/template.html index 4cb003f6e..0e1fe4afe 100644 --- a/fragments/socialicons/template.html +++ b/fragments/socialicons/template.html @@ -1,9 +1,9 @@
            - - - - - - - + + + + + + +
            diff --git a/fragments/socialicons/template.vue b/fragments/socialicons/template.vue index 9a1ada8f3..b5363f035 100644 --- a/fragments/socialicons/template.vue +++ b/fragments/socialicons/template.vue @@ -1,31 +1,31 @@ diff --git a/fragments/spacer/hatch.js b/fragments/spacer/hatch.js index 10a9c72f5..766a7ab0f 100644 --- a/fragments/spacer/hatch.js +++ b/fragments/spacer/hatch.js @@ -1,12 +1,12 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); - f.addStyle($.find("div").first(), "height", "model.height", "vh"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); + f.addStyle($.find("div").first(), "height", "model.height", "vh"); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/spacer/model.json b/fragments/spacer/model.json index 0a4e8a4f5..a7a245731 100644 --- a/fragments/spacer/model.json +++ b/fragments/spacer/model.json @@ -1,24 +1,24 @@ { - "definitions": { - "Spacer": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "height": { - "type": "string", - "x-source": "inject", - "x-form-label": "Height", - "x-form-group": "content", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100 - }, - "bgref": { - "$ref": "fragments/block/model-spacer.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Spacer": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "height": { + "type": "string", + "x-source": "inject", + "x-form-label": "Height", + "x-form-group": "content", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100 + }, + "bgref": { + "$ref": "fragments/block/model-spacer.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/spacer/sample-blank.json b/fragments/spacer/sample-blank.json index 6ca31d486..cb0d1fc36 100644 --- a/fragments/spacer/sample-blank.json +++ b/fragments/spacer/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Spacer (Empty)", - "group": ".hidden", - "model": { - "height": "20" - } + "title": "Spacer (Empty)", + "group": ".hidden", + "model": { + "height": "20" + } } diff --git a/fragments/spacer/sample-empty.json b/fragments/spacer/sample-empty.json index 3eb093d28..882b92a6d 100644 --- a/fragments/spacer/sample-empty.json +++ b/fragments/spacer/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Empty Spacer", - "group": "Empty", - "model": {} + "title": "Empty Spacer", + "group": "Empty", + "model": {} } diff --git a/fragments/spacer/sample-image.json b/fragments/spacer/sample-image.json index 6e3ec2a2e..278f920f0 100644 --- a/fragments/spacer/sample-image.json +++ b/fragments/spacer/sample-image.json @@ -1,10 +1,10 @@ { - "title": "Spacer - Image", - "group": "Chrome", - "model": { - "height": "80", - "custombackground": "true", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" - } + "title": "Spacer - Image", + "group": "Chrome", + "model": { + "height": "80", + "custombackground": "true", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + } } diff --git a/fragments/spacer/sample.json b/fragments/spacer/sample.json index 07a019de6..01494ab7c 100644 --- a/fragments/spacer/sample.json +++ b/fragments/spacer/sample.json @@ -1,7 +1,7 @@ { - "title": "Spacer", - "group": "Chrome", - "model": { - "height": "20" - } + "title": "Spacer", + "group": "Chrome", + "model": { + "height": "20" + } } diff --git a/fragments/spacer/template.html b/fragments/spacer/template.html index a247fc7a4..56d7a892a 100644 --- a/fragments/spacer/template.html +++ b/fragments/spacer/template.html @@ -1,3 +1,3 @@
            -
            +
            diff --git a/fragments/spacer/template.vue b/fragments/spacer/template.vue index 942fb27e0..844f4c649 100644 --- a/fragments/spacer/template.vue +++ b/fragments/spacer/template.vue @@ -1,22 +1,22 @@ diff --git a/fragments/tabs/hatch.js b/fragments/tabs/hatch.js index dcfe6fe4c..d3f47afe2 100644 --- a/fragments/tabs/hatch.js +++ b/fragments/tabs/hatch.js @@ -1,45 +1,48 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - f.replace( - $.find("img"), - '' - ); + f.replace( + $.find("img"), + '' + ); - let imageDiv = $.find("div.img-wrapper").first(); - f.addIf(imageDiv, "model.showmedia == 'true'"); + let imageDiv = $.find("div.img-wrapper").first(); + f.addIf(imageDiv, "model.showmedia == 'true'"); - let containerClasses = `{ + let containerClasses = `{ 'lg:flex-row': model.mediaposition === 'before', 'lg:flex-row-reverse': model.mediaposition === 'after' }`; - f.bindAttribute( - $.find("div.flex").first(), - "class", - containerClasses, - false - ); + f.bindAttribute( + $.find("div.flex").first(), + "class", + containerClasses, + false + ); - f.bindAttribute( - $.find("div.flex > div").first(), - "style", - "{'flex':`0 0 ${model.mediawidth}%`}" - ); - f.addIf($.find("h1").first(), "model.showtitle == 'true' && model.title"); - f.mapField($.find("h1").first(), "model.title"); - f.addIf( - $.find("h2").first(), - "model.showsubtitle == 'true' && model.subtitle" - ); - f.mapField($.find("h2").first(), "model.subtitle"); + f.bindAttribute( + $.find("div.flex > div").first(), + "style", + "{'flex':`0 0 ${model.mediawidth}%`}" + ); + f.addIf( + $.find("h1").first(), + "model.showtitle == 'true' && model.title" + ); + f.mapField($.find("h1").first(), "model.title"); + f.addIf( + $.find("h2").first(), + "model.showsubtitle == 'true' && model.subtitle" + ); + f.mapField($.find("h2").first(), "model.subtitle"); - let a = $.find("a").first(); - f.addFor(a, "model.tabs"); + let a = $.find("a").first(); + f.addFor(a, "model.tabs"); - let aClasses = `{ + let aClasses = `{ 'text-white' : active === i, 'bg-blue-700' : active === i && model.tabcolor === 'blue', 'bg-green-700' : active === i && model.tabcolor === 'green', @@ -55,32 +58,32 @@ module.exports = { 'text-dark' : active !== i && model.tabcolor === 'dark' || active === i && model.tabcolor === 'light', }`; - f.bindAttribute(a, "class", aClasses, false); - f.bindAttribute(a, "id", "`tab-control-${_uid}${parseInt(i)+1}`"); - f.bindAttribute(a, "aria-controls", "`tab${_uid}${parseInt(i)+1}`"); - f.bindAttribute(a, "aria-selected", "active === i"); - f.bindEvent(a, "click", "toggleActive(i)"); - f.mapField(a, "item.title"); + f.bindAttribute(a, "class", aClasses, false); + f.bindAttribute(a, "id", "`tab-control-${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-controls", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute(a, "aria-selected", "active === i"); + f.bindEvent(a, "click", "toggleActive(i)"); + f.mapField(a, "item.title"); - let tabPanel = $.find('[role="tabpanel"]').first(); - f.addFor(tabPanel, "model.tabs"); - f.bindAttribute(tabPanel, "id", "`tab${_uid}${parseInt(i)+1}`"); - f.bindAttribute( - tabPanel, - "aria-labelledby", - "`tab-control-${_uid}${parseInt(i)+1}`" - ); - f.bindAttribute( - tabPanel, - "class", - "active === i ? 'block opacity-100' : 'hidden'", - false - ); - f.mapRichField(tabPanel, "item.text"); + let tabPanel = $.find('[role="tabpanel"]').first(); + f.addFor(tabPanel, "model.tabs"); + f.bindAttribute(tabPanel, "id", "`tab${_uid}${parseInt(i)+1}`"); + f.bindAttribute( + tabPanel, + "aria-labelledby", + "`tab-control-${_uid}${parseInt(i)+1}`" + ); + f.bindAttribute( + tabPanel, + "class", + "active === i ? 'block opacity-100' : 'hidden'", + false + ); + f.mapRichField(tabPanel, "item.text"); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/tabs/model.json b/fragments/tabs/model.json index 18e66536e..1fe9435dd 100644 --- a/fragments/tabs/model.json +++ b/fragments/tabs/model.json @@ -1,124 +1,124 @@ { - "definitions": { - "Tabs": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-group": "content", - "x-form-visible": "model.showtitle == 'true'", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Subtitle", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-group": "content", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-rows": 3, - "x-form-type": "textarea" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "before", - "x-form-visible": "model.showmedia == 'true'", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "tabcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Color", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "blue", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "blue" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "green" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "red" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "orange" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - }, - "tabs": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tabs", - "x-form-group": "content", - "x-form-type": "collection", - "properties": { - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Title", - "x-form-type": "text" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tab Text", - "x-form-type": "texteditor" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Tabs": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-group": "content", + "x-form-visible": "model.showtitle == 'true'", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Subtitle", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-group": "content", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-rows": 3, + "x-form-type": "textarea" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "before", + "x-form-visible": "model.showmedia == 'true'", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "tabcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Color", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "blue", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "blue" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "green" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "red" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "orange" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + }, + "tabs": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tabs", + "x-form-group": "content", + "x-form-type": "collection", + "properties": { + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Title", + "x-form-type": "text" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tab Text", + "x-form-type": "texteditor" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/tabs/sample-blank.json b/fragments/tabs/sample-blank.json index 07975852b..b3ba09e7e 100644 --- a/fragments/tabs/sample-blank.json +++ b/fragments/tabs/sample-blank.json @@ -1,7 +1,7 @@ { - "title": "Tabs", - "group": "Features", - "model": { - "tabs": [] - } + "title": "Tabs", + "group": "Features", + "model": { + "tabs": [] + } } diff --git a/fragments/tabs/sample-empty.json b/fragments/tabs/sample-empty.json index e6e050f96..ec96a6af3 100644 --- a/fragments/tabs/sample-empty.json +++ b/fragments/tabs/sample-empty.json @@ -1,7 +1,7 @@ { - "title": "Tabs no default values", - "group": "Empty", - "model": { - "tabs": [] - } + "title": "Tabs no default values", + "group": "Empty", + "model": { + "tabs": [] + } } diff --git a/fragments/tabs/sample-media.json b/fragments/tabs/sample-media.json index 35d698180..7e3b45a9f 100644 --- a/fragments/tabs/sample-media.json +++ b/fragments/tabs/sample-media.json @@ -1,33 +1,33 @@ { - "title": "Tabs - Media", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "true", - "mediaposition": "before", - "mediatype": "image", - "mediawidth": "33", - "mediaiconsize": "200", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediatitle": "Tropical sailing destination", - "tabs": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - }, - { - "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "About Us" - } - ] - } + "title": "Tabs - Media", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "true", + "mediaposition": "before", + "mediatype": "image", + "mediawidth": "33", + "mediaiconsize": "200", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediatitle": "Tropical sailing destination", + "tabs": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + }, + { + "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/sample-rte.json b/fragments/tabs/sample-rte.json index f41b4be6a..b66bf5887 100644 --- a/fragments/tabs/sample-rte.json +++ b/fragments/tabs/sample-rte.json @@ -1,32 +1,32 @@ { - "title": "Tabs With All RTE Styles", - "group": ".hidden", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "false", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediaposition": "before", - "mediawidth": "33", - "mediaiconsize": "200", - "tabs": [ - { - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - }, - { - "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "About Us" - } - ] - } + "title": "Tabs With All RTE Styles", + "group": ".hidden", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "false", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediaposition": "before", + "mediawidth": "33", + "mediaiconsize": "200", + "tabs": [ + { + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + }, + { + "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/sample.json b/fragments/tabs/sample.json index 9df57a90b..d57768c36 100644 --- a/fragments/tabs/sample.json +++ b/fragments/tabs/sample.json @@ -1,32 +1,32 @@ { - "title": "Tabs - Example", - "group": "Features", - "model": { - "bgcolor": "#ffffff", - "color2": "#e7e7e7", - "fullheight": "false", - "backgroundtype": "gradient", - "bottompadding": "40", - "toppadding": "10", - "showmedia": "false", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", - "mediaposition": "before", - "mediawidth": "33", - "mediaiconsize": "200", - "tabs": [ - { - "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", - "title": "Learn More" - }, - { - "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "Contact Us" - }, - { - "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", - "title": "About Us" - } - ] - } + "title": "Tabs - Example", + "group": "Features", + "model": { + "bgcolor": "#ffffff", + "color2": "#e7e7e7", + "fullheight": "false", + "backgroundtype": "gradient", + "bottompadding": "40", + "toppadding": "10", + "showmedia": "false", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg", + "mediaposition": "before", + "mediawidth": "33", + "mediaiconsize": "200", + "tabs": [ + { + "text": "

            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

            ", + "title": "Learn More" + }, + { + "text": "

            when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "Contact Us" + }, + { + "text": "

            Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting

            ", + "title": "About Us" + } + ] + } } diff --git a/fragments/tabs/template.html b/fragments/tabs/template.html index 5e4767c72..330de9f1b 100644 --- a/fragments/tabs/template.html +++ b/fragments/tabs/template.html @@ -1,30 +1,35 @@
            -
            -

            Tabs

            -

            subtitle

            -
            +
            +

            Tabs

            +

            subtitle

            +
            -
            -
            - -
            +
            +
            + +
            -
            - -
            - TabName1 -
            - +
            + +
            + TabName1 +
            + -
            -
            - Nihil laborum aspernatur rerum harum ut eos consequatur incidunt. Modi - vel inventore aut a. Porro sint doloribus. Sequi possimus quis fugit. - Doloremque quam corporis voluptatibus voluptatem sunt eos distinctio - magnam aperiam. Est ad voluptatem voluptate consequatur at magni qui - id et. -
            -
            -
            -
            +
            +
            + Nihil laborum aspernatur rerum harum ut eos consequatur + incidunt. Modi vel inventore aut a. Porro sint doloribus. + Sequi possimus quis fugit. Doloremque quam corporis + voluptatibus voluptatem sunt eos distinctio magnam aperiam. + Est ad voluptatem voluptate consequatur at magni qui id et. +
            +
            +
            +
            diff --git a/fragments/tabs/template.vue b/fragments/tabs/template.vue index 2dee48a39..4c19bc8ab 100644 --- a/fragments/tabs/template.vue +++ b/fragments/tabs/template.vue @@ -1,50 +1,53 @@ diff --git a/fragments/tags/hatch.js b/fragments/tags/hatch.js index 9e66590f7..d61523f6b 100644 --- a/fragments/tags/hatch.js +++ b/fragments/tags/hatch.js @@ -1,9 +1,9 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - let styles = `{ + let styles = `{ 'bg-blue-600': model.tagcolor === "blue", 'bg-green-600': model.tagcolor === "green", 'bg-orange-600': model.tagcolor === "orange", @@ -11,24 +11,24 @@ module.exports = { 'bg-yellow-600': model.tagcolor === "yellow" }`; - let link = $.find("component"); - f.addFor(link, "tags"); - f.mapField(link, "item.value ? item.value : item.name", false); - f.bindAttribute(link, "class", styles, false); - f.bindAttribute( - link, - "href", - "model.pagelink ? model.pagelink + '.html' + item.value : false" - ); - f.bindAttribute(link, "is", 'model.pagelink ? "a":"div"'); + let link = $.find("component"); + f.addFor(link, "tags"); + f.mapField(link, "item.value ? item.value : item.name", false); + f.bindAttribute(link, "class", styles, false); + f.bindAttribute( + link, + "href", + "model.pagelink ? model.pagelink + '.html' + item.value : false" + ); + f.bindAttribute(link, "is", 'model.pagelink ? "a":"div"'); - let label = $.find("span"); - f.mapField(label, "model.tagslabel"); - f.addIf(label, "model.tagslabel"); + let label = $.find("span"); + f.mapField(label, "model.tagslabel"); + f.addIf(label, "model.tagslabel"); - f.addElse($); - $.parent().prepend( - '
            There are no tags set for this page
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            There are no tags set for this page
            ' + ); + }, }; diff --git a/fragments/tags/model.json b/fragments/tags/model.json index 47209f929..ea5bbade7 100644 --- a/fragments/tags/model.json +++ b/fragments/tags/model.json @@ -1,60 +1,60 @@ { - "definitions": { - "Tags": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "tagslabel": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tags Label", - "x-form-group": "content", - "x-form-type": "text" - }, - "tagcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tag Color", - "x-form-type": "materialselect", - "x-form-group": "style", - "x-default": "blue", - "properties": { - "note": { - "x-form-name": "Blue", - "x-form-value": "blue" - }, - "tip": { - "x-form-name": "Green", - "x-form-value": "green" - }, - "important": { - "x-form-name": "Orange", - "x-form-value": "orange" - }, - "caution": { - "x-form-name": "Red", - "x-form-value": "red" - }, - "warning": { - "x-form-name": "Yellow", - "x-form-value": "yellow" - } - } - }, - "pagelink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Tag Link Base Path", - "x-form-group": "content", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Tags": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "tagslabel": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tags Label", + "x-form-group": "content", + "x-form-type": "text" + }, + "tagcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tag Color", + "x-form-type": "materialselect", + "x-form-group": "style", + "x-default": "blue", + "properties": { + "note": { + "x-form-name": "Blue", + "x-form-value": "blue" + }, + "tip": { + "x-form-name": "Green", + "x-form-value": "green" + }, + "important": { + "x-form-name": "Orange", + "x-form-value": "orange" + }, + "caution": { + "x-form-name": "Red", + "x-form-value": "red" + }, + "warning": { + "x-form-name": "Yellow", + "x-form-value": "yellow" + } + } + }, + "pagelink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Tag Link Base Path", + "x-form-group": "content", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/tags/sample.json b/fragments/tags/sample.json index 4ed41af2a..d369e6ff5 100644 --- a/fragments/tags/sample.json +++ b/fragments/tags/sample.json @@ -1,9 +1,9 @@ { - "title": "Tags", - "group": "Chrome", - "model": { - "tagcolor": "green", - "toppadding": "30", - "bottompadding": "30" - } + "title": "Tags", + "group": "Chrome", + "model": { + "tagcolor": "green", + "toppadding": "30", + "bottompadding": "30" + } } diff --git a/fragments/tags/template.html b/fragments/tags/template.html index 8e51d477a..8fcebfb66 100644 --- a/fragments/tags/template.html +++ b/fragments/tags/template.html @@ -1,7 +1,7 @@
            - My Tags - Tag 1 + My Tags + Tag 1
            diff --git a/fragments/tags/template.vue b/fragments/tags/template.vue index 994d17aee..c64573514 100644 --- a/fragments/tags/template.vue +++ b/fragments/tags/template.vue @@ -1,47 +1,49 @@ diff --git a/fragments/teaserhorizontal/hatch.js b/fragments/teaserhorizontal/hatch.js index 7d30669ec..3bacda2b3 100644 --- a/fragments/teaserhorizontal/hatch.js +++ b/fragments/teaserhorizontal/hatch.js @@ -1,61 +1,61 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Container - let containerClasses = `{ + //Container + let containerClasses = `{ 'md:flex-row-reverse': model.buttonside === 'left', 'md:flex-row': model.buttonside === 'right', 'enlarge-text': model.isprimary === 'true' }`; - f.bindAttribute($, "class", containerClasses, false); + f.bindAttribute($, "class", containerClasses, false); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right' }`; - let textDiv = $.find("div").eq(0); - f.bindAttribute(textDiv, "class", textClasses, false); - f.addStyle(textDiv, "flex-basis", "model.textwidth", "%"); + let textDiv = $.find("div").eq(0); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "flex-basis", "model.textwidth", "%"); - let title = $.find("h1").first(); - let titleClasses = `{ + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' }`; - f.addIf(title, "model.showtitle === 'true'"); - f.bindAttribute(title, "class", titleClasses, false); - f.mapField(title, "model.title"); + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find(".teaser-subtitle").first(); - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' }`; - f.addIf(subTitle, "model.showsubtitle === 'true'"); - f.bindAttribute(subTitle, "class", subTitleClasses, false); - f.mapField($.find(".teaser-subtitle").first(), "model.subtitle"); + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField($.find(".teaser-subtitle").first(), "model.subtitle"); - let teaserText = $.find(".teaser-text").first(); - f.addIf(teaserText, "model.showtext === 'true'"); - f.mapRichField(teaserText, "model.text"); + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - //Buttons - let buttonsDiv = $.find(".teaser-actions").first(); - let link = buttonsDiv.find("a"); - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a"); + let buttonsClasses = `{ 'md:justify-end': model.buttonside === 'right', 'md:justify-start': model.buttonside === 'left', }`; - let aClasses = `{ + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -66,18 +66,18 @@ module.exports = { 'btn-light': item.buttoncolor === 'light', 'btn-dark': item.buttoncolor === 'dark' }`; - f.addIf(buttonsDiv, "model.showbutton === 'true'"); - f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); - f.addFor(link, "model.buttons"); - f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); - f.bindAttribute(link, "class", aClasses, false); - f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); - f.addStyle(link, "backgroundColor", "item.buttoncolor"); - f.addStyle(link, "borderColor", "item.buttoncolor"); + f.addIf(buttonsDiv, "model.showbutton === 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/teaserhorizontal/model.json b/fragments/teaserhorizontal/model.json index b8ba50649..6655d06cb 100644 --- a/fragments/teaserhorizontal/model.json +++ b/fragments/teaserhorizontal/model.json @@ -1,210 +1,210 @@ { - "definitions": { - "Teaserhorizontal": { - "type": "object", - "x-form-groups": ["content", "style", "advanced"], - "x-type": "component", - "properties": { - "aligncontent": { - "type": "string", - "x-source": "inject", - "x-form-label": "Align Content", - "x-form-group": "style", - "x-form-type": "materialradio", - "x-default": "center", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "left" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - }, - "isprimary": { - "type": "string", - "x-source": "inject", - "x-form-label": "Enlarge Text", - "x-form-group": "style", - "x-form-type": "materialswitch", - "x-form-default": "false" - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Title", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Subtitle", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-rows": 3, - "x-form-group": "content", - "x-form-type": "textarea" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Text", - "x-form-type": "materialswitch" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "textwidth": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Text Width", - "x-form-type": "materialrange", - "x-form-min": 0, - "x-form-max": 100, - "x-default": 100 - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-group": "style", - "x-form-label": "Show Button", - "x-form-type": "materialswitch" - }, - "buttonside": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Position", - "x-form-type": "materialradio", - "x-form-visible": "model.showbutton == 'true'", - "x-form-group": "style", - "x-default": "right", - "properties": { - "left": { - "x-form-name": "Before Content", - "x-form-value": "left" - }, - "right": { - "x-form-name": "After Content", - "x-form-value": "right" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-visible": "model.showbutton == 'true'", - "x-form-group": "style", - "x-default": "default", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-group": "content", - "x-form-type": "collection", - "x-form-visible": "model.showbutton == 'true'", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Teaserhorizontal": { + "type": "object", + "x-form-groups": ["content", "style", "advanced"], + "x-type": "component", + "properties": { + "aligncontent": { + "type": "string", + "x-source": "inject", + "x-form-label": "Align Content", + "x-form-group": "style", + "x-form-type": "materialradio", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + }, + "isprimary": { + "type": "string", + "x-source": "inject", + "x-form-label": "Enlarge Text", + "x-form-group": "style", + "x-form-type": "materialswitch", + "x-form-default": "false" + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Title", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Subtitle", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-rows": 3, + "x-form-group": "content", + "x-form-type": "textarea" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Text", + "x-form-type": "materialswitch" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "textwidth": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Text Width", + "x-form-type": "materialrange", + "x-form-min": 0, + "x-form-max": 100, + "x-default": 100 + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-group": "style", + "x-form-label": "Show Button", + "x-form-type": "materialswitch" + }, + "buttonside": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Position", + "x-form-type": "materialradio", + "x-form-visible": "model.showbutton == 'true'", + "x-form-group": "style", + "x-default": "right", + "properties": { + "left": { + "x-form-name": "Before Content", + "x-form-value": "left" + }, + "right": { + "x-form-name": "After Content", + "x-form-value": "right" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-visible": "model.showbutton == 'true'", + "x-form-group": "style", + "x-default": "default", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-group": "content", + "x-form-type": "collection", + "x-form-visible": "model.showbutton == 'true'", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/teaserhorizontal/sample-blank.json b/fragments/teaserhorizontal/sample-blank.json index afa7ba717..5a2eb526a 100644 --- a/fragments/teaserhorizontal/sample-blank.json +++ b/fragments/teaserhorizontal/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Teaser Horizontal", - "group": "Features", - "model": {} + "title": "Teaser Horizontal", + "group": "Features", + "model": {} } diff --git a/fragments/teaserhorizontal/sample-empty.json b/fragments/teaserhorizontal/sample-empty.json index a1adb657f..c9f162e56 100644 --- a/fragments/teaserhorizontal/sample-empty.json +++ b/fragments/teaserhorizontal/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Teaser Vertical no default values", - "group": "Empty", - "model": {} + "title": "Teaser Vertical no default values", + "group": "Empty", + "model": {} } diff --git a/fragments/teaserhorizontal/sample-rte.json b/fragments/teaserhorizontal/sample-rte.json index 179d2b944..c477a82f7 100644 --- a/fragments/teaserhorizontal/sample-rte.json +++ b/fragments/teaserhorizontal/sample-rte.json @@ -1,38 +1,38 @@ { - "title": "Teaser Horizontal With All RTE Styles", - "group": ".hidden", - "model": { - "aligncontent": "left", - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "textwidth": "60", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "isprimary": "false", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Horizontal With All RTE Styles", + "group": ".hidden", + "model": { + "aligncontent": "left", + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "textwidth": "60", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "isprimary": "false", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaserhorizontal/sample.json b/fragments/teaserhorizontal/sample.json index 0c10d8b24..b13511cab 100644 --- a/fragments/teaserhorizontal/sample.json +++ b/fragments/teaserhorizontal/sample.json @@ -1,38 +1,38 @@ { - "title": "Teaser Horizontal - Example", - "group": "Features", - "model": { - "aligncontent": "left", - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "textwidth": "60", - "backgroundtype": "color", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", - "isprimary": "false", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Horizontal - Example", + "group": "Features", + "model": { + "aligncontent": "left", + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "textwidth": "60", + "backgroundtype": "color", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", + "isprimary": "false", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaserhorizontal/template.html b/fragments/teaserhorizontal/template.html index abf9b2427..7ffb45d47 100644 --- a/fragments/teaserhorizontal/template.html +++ b/fragments/teaserhorizontal/template.html @@ -1,17 +1,17 @@
            -
            -

            Peregrine blocks

            -

            - Et architecto autem tenetur provident ea exercitationem enim. -

            -
            -

            - Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut - voluptatem necessitatibus cumque aspernatur. -

            -
            -
            -
            - Click for more -
            +
            +

            Peregrine blocks

            +

            + Et architecto autem tenetur provident ea exercitationem enim. +

            +
            +

            + Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. + Adipisci ut voluptatem necessitatibus cumque aspernatur. +

            +
            +
            +
            + Click for more +
            diff --git a/fragments/teaserhorizontal/template.vue b/fragments/teaserhorizontal/template.vue index b73435d54..fe0236916 100644 --- a/fragments/teaserhorizontal/template.vue +++ b/fragments/teaserhorizontal/template.vue @@ -1,103 +1,103 @@ diff --git a/fragments/teaservertical/hatch.js b/fragments/teaservertical/hatch.js index d0ef9df23..147bd12fe 100644 --- a/fragments/teaservertical/hatch.js +++ b/fragments/teaservertical/hatch.js @@ -1,27 +1,27 @@ module.exports = { - convert: function ($, f) { - f.wrap($, "themecleanflex-components-block"); - f.bindAttribute($.parent(), "model", "model"); + convert: function ($, f) { + f.wrap($, "themecleanflex-components-block"); + f.bindAttribute($.parent(), "model", "model"); - //Content Container - let containerClasses = `{ + //Content Container + let containerClasses = `{ 'md:flex-row': model.mediaposition === 'before', 'md:flex-row-reverse': model.mediaposition === 'after', 'enlarge-text': model.isprimary === 'true' }`; - f.bindAttribute($, "class", containerClasses, false); + f.bindAttribute($, "class", containerClasses, false); - //Media - let mediaDiv = $.find(".img-wrapper").first(); - f.addIf(mediaDiv, "model.showmedia === 'true'"); - f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); - f.replace( - $.find("img"), - '' - ); + //Media + let mediaDiv = $.find(".img-wrapper").first(); + f.addIf(mediaDiv, "model.showmedia === 'true'"); + f.bindAttribute(mediaDiv, "style", "{flex:`0 0 ${model.mediawidth}%`}"); + f.replace( + $.find("img"), + '' + ); - //Text - let textClasses = `{ + //Text + let textClasses = `{ 'text-left': model.aligncontent === 'left', 'text-center': model.aligncontent === 'center', 'text-right': model.aligncontent === 'right', @@ -30,45 +30,45 @@ module.exports = { 'self-end': model.aligncontent === 'right' }`; - let textDiv = $.find("div>div>div").first(); - f.bindAttribute(textDiv, "class", textClasses, false); - f.addStyle(textDiv, "width", "model.textwidth", "%"); + let textDiv = $.find("div>div>div").first(); + f.bindAttribute(textDiv, "class", textClasses, false); + f.addStyle(textDiv, "width", "model.textwidth", "%"); - let title = $.find("h1").first(); - let titleClasses = `{ + let title = $.find("h1").first(); + let titleClasses = `{ 'mb-6': model.isprimary === 'true', 'mb-3': model.isprimary !== 'true' }`; - f.addIf(title, "model.showtitle === 'true'"); - f.bindAttribute(title, "class", titleClasses, false); - f.mapField(title, "model.title"); + f.addIf(title, "model.showtitle === 'true'"); + f.bindAttribute(title, "class", titleClasses, false); + f.mapField(title, "model.title"); - let subTitle = $.find(".teaser-subtitle").first(); - let subTitleClasses = `{ + let subTitle = $.find(".teaser-subtitle").first(); + let subTitleClasses = `{ 'mb-6': model.isprimary === 'true' && model.showtitle === 'false', 'my-6': model.isprimary === 'true' && model.showtitle === 'true', 'mb-3': model.isprimary !== 'true' && model.showtitle === 'false', 'my-3': model.isprimary !== 'true' && model.showtitle === 'true' }`; - f.addIf(subTitle, "model.showsubtitle === 'true'"); - f.bindAttribute(subTitle, "class", subTitleClasses, false); - f.mapField(subTitle, "model.subtitle"); + f.addIf(subTitle, "model.showsubtitle === 'true'"); + f.bindAttribute(subTitle, "class", subTitleClasses, false); + f.mapField(subTitle, "model.subtitle"); - let teaserText = $.find(".teaser-text").first(); - f.addIf(teaserText, "model.showtext === 'true'"); - f.mapRichField(teaserText, "model.text"); + let teaserText = $.find(".teaser-text").first(); + f.addIf(teaserText, "model.showtext === 'true'"); + f.mapRichField(teaserText, "model.text"); - //Buttons - let buttonsDiv = $.find(".teaser-actions").first(); - let link = buttonsDiv.find("a").first(); - let buttonsClasses = `{ + //Buttons + let buttonsDiv = $.find(".teaser-actions").first(); + let link = buttonsDiv.find("a").first(); + let buttonsClasses = `{ 'justify-start': model.alignbuttons === 'start', 'justify-center': model.alignbuttons === 'center', 'justify-end': model.alignbuttons === 'end' }`; - let aClasses = `{ + let aClasses = `{ 'btn-lg': model.buttonsize === 'large', 'btn-sm': model.buttonsize === 'small', 'btn-primary': item.buttoncolor === 'primary', @@ -80,19 +80,19 @@ module.exports = { 'btn-dark': item.buttoncolor === 'dark' }`; - f.addFor(link, "model.buttons"); - f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); - f.bindAttribute(link, "class", aClasses, false); - f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); - f.addStyle(link, "backgroundColor", "item.buttoncolor"); - f.addStyle(link, "borderColor", "item.buttoncolor"); + f.addFor(link, "model.buttons"); + f.bindAttribute(link, "href", f.pathToUrl("item.buttonlink")); + f.bindAttribute(link, "class", aClasses, false); + f.mapField(link, "item.buttontext", "model.buttons", "buttontext"); + f.addStyle(link, "backgroundColor", "item.buttoncolor"); + f.addStyle(link, "borderColor", "item.buttoncolor"); - f.addIf(buttonsDiv, "model.showbutton == 'true'"); - f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); + f.addIf(buttonsDiv, "model.showbutton == 'true'"); + f.bindAttribute(buttonsDiv, "class", buttonsClasses, false); - f.addElse($); - $.parent().prepend( - '
            no content defined for component
            ' - ); - }, + f.addElse($); + $.parent().prepend( + '
            no content defined for component
            ' + ); + }, }; diff --git a/fragments/teaservertical/model.json b/fragments/teaservertical/model.json index f92a31930..717e51470 100644 --- a/fragments/teaservertical/model.json +++ b/fragments/teaservertical/model.json @@ -1,241 +1,241 @@ { - "definitions": { - "Teaservertical": { - "type": "object", - "x-type": "component", - "x-form-groups": ["content", "style", "advanced"], - "properties": { - "aligncontent": { - "type": "string", - "x-source": "inject", - "x-form-label": "Align Content", - "x-form-type": "materialradio", - "x-default": "center", - "x-form-group": "style", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "left" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "right": { - "x-form-name": "Right", - "x-form-value": "right" - } - } - }, - "isprimary": { - "type": "string", - "x-source": "inject", - "x-form-label": "Enlarge Text", - "x-form-type": "materialswitch", - "x-form-group": "style", - "x-form-default": "false" - }, - "showtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Title", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "title": { - "type": "string", - "x-source": "inject", - "x-form-label": "Title", - "x-form-visible": "model.showtitle == 'true'", - "x-form-group": "content", - "x-form-type": "text" - }, - "showsubtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Subtitle", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "subtitle": { - "type": "string", - "x-source": "inject", - "x-form-label": "Subtitle", - "x-form-visible": "model.showsubtitle == 'true'", - "x-form-group": "content", - "x-form-rows": 3, - "x-form-type": "textarea" - }, - "showtext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Text", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text", - "x-form-visible": "model.showtext == 'true'", - "x-form-group": "content", - "x-form-type": "texteditor" - }, - "textwidth": { - "type": "string", - "x-source": "inject", - "x-form-label": "Text Width", - "x-form-type": "materialrange", - "x-form-group": "style", - "x-form-min": 0, - "x-form-max": 100, - "x-default": 100 - }, - "showbutton": { - "type": "string", - "x-source": "inject", - "x-form-label": "Show Button", - "x-form-group": "style", - "x-form-type": "materialswitch" - }, - "alignbuttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Alignment", - "x-form-visible": "", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-default": "center", - "properties": { - "left": { - "x-form-name": "Left", - "x-form-value": "start" - }, - "center": { - "x-form-name": "Center", - "x-form-value": "center" - }, - "right": { - "x-form-name": "Right", - "x-form-value": "end" - } - } - }, - "buttonsize": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Size", - "x-form-type": "materialselect", - "x-form-visible": "model.showbutton == 'true'", - "x-default": "default", - "x-form-group": "style", - "properties": { - "default": { - "x-form-name": "Default", - "x-form-value": "default" - }, - "large": { - "x-form-name": "Large", - "x-form-value": "large" - }, - "small": { - "x-form-name": "Small", - "x-form-value": "small" - } - } - }, - "buttons": { - "type": "string", - "x-source": "inject", - "x-form-label": "Buttons", - "x-form-type": "collection", - "x-form-group": "content", - "x-form-visible": "model.showbutton == 'true'", - "properties": { - "buttontext": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Text", - "x-form-type": "text" - }, - "buttonlink": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Link", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - }, - "buttoncolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Button Color", - "x-form-type": "materialselect", - "x-default": "primary", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "secondary": { - "x-form-name": "Secondary", - "x-form-value": "secondary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "info": { - "x-form-name": "Info", - "x-form-value": "info" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - }, - "mediaref": { - "x-form-type": "reference", - "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" - }, - "mediaposition": { - "type": "string", - "x-source": "inject", - "x-form-label": "Media Position", - "x-form-type": "materialradio", - "x-form-group": "style", - "x-form-visible": "model.showmedia == 'true'", - "x-default": "before", - "properties": { - "type1": { - "x-form-name": "Before Content", - "x-form-value": "before" - }, - "type2": { - "x-form-name": "After Content", - "x-form-value": "after" - } - } - }, - "bgref": { - "$ref": "fragments/block/model.json#/definitions/Block", - "x-form-type": "reference" - } - } - } - } + "definitions": { + "Teaservertical": { + "type": "object", + "x-type": "component", + "x-form-groups": ["content", "style", "advanced"], + "properties": { + "aligncontent": { + "type": "string", + "x-source": "inject", + "x-form-label": "Align Content", + "x-form-type": "materialradio", + "x-default": "center", + "x-form-group": "style", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "left" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "right" + } + } + }, + "isprimary": { + "type": "string", + "x-source": "inject", + "x-form-label": "Enlarge Text", + "x-form-type": "materialswitch", + "x-form-group": "style", + "x-form-default": "false" + }, + "showtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Title", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "title": { + "type": "string", + "x-source": "inject", + "x-form-label": "Title", + "x-form-visible": "model.showtitle == 'true'", + "x-form-group": "content", + "x-form-type": "text" + }, + "showsubtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Subtitle", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "subtitle": { + "type": "string", + "x-source": "inject", + "x-form-label": "Subtitle", + "x-form-visible": "model.showsubtitle == 'true'", + "x-form-group": "content", + "x-form-rows": 3, + "x-form-type": "textarea" + }, + "showtext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Text", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text", + "x-form-visible": "model.showtext == 'true'", + "x-form-group": "content", + "x-form-type": "texteditor" + }, + "textwidth": { + "type": "string", + "x-source": "inject", + "x-form-label": "Text Width", + "x-form-type": "materialrange", + "x-form-group": "style", + "x-form-min": 0, + "x-form-max": 100, + "x-default": 100 + }, + "showbutton": { + "type": "string", + "x-source": "inject", + "x-form-label": "Show Button", + "x-form-group": "style", + "x-form-type": "materialswitch" + }, + "alignbuttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Alignment", + "x-form-visible": "", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-default": "center", + "properties": { + "left": { + "x-form-name": "Left", + "x-form-value": "start" + }, + "center": { + "x-form-name": "Center", + "x-form-value": "center" + }, + "right": { + "x-form-name": "Right", + "x-form-value": "end" + } + } + }, + "buttonsize": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Size", + "x-form-type": "materialselect", + "x-form-visible": "model.showbutton == 'true'", + "x-default": "default", + "x-form-group": "style", + "properties": { + "default": { + "x-form-name": "Default", + "x-form-value": "default" + }, + "large": { + "x-form-name": "Large", + "x-form-value": "large" + }, + "small": { + "x-form-name": "Small", + "x-form-value": "small" + } + } + }, + "buttons": { + "type": "string", + "x-source": "inject", + "x-form-label": "Buttons", + "x-form-type": "collection", + "x-form-group": "content", + "x-form-visible": "model.showbutton == 'true'", + "properties": { + "buttontext": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Text", + "x-form-type": "text" + }, + "buttonlink": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Link", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + }, + "buttoncolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Button Color", + "x-form-type": "materialselect", + "x-default": "primary", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "secondary": { + "x-form-name": "Secondary", + "x-form-value": "secondary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "info": { + "x-form-name": "Info", + "x-form-value": "info" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + }, + "mediaref": { + "x-form-type": "reference", + "$ref": "fragments/mediavisible/model.json#/definitions/Mediavisible" + }, + "mediaposition": { + "type": "string", + "x-source": "inject", + "x-form-label": "Media Position", + "x-form-type": "materialradio", + "x-form-group": "style", + "x-form-visible": "model.showmedia == 'true'", + "x-default": "before", + "properties": { + "type1": { + "x-form-name": "Before Content", + "x-form-value": "before" + }, + "type2": { + "x-form-name": "After Content", + "x-form-value": "after" + } + } + }, + "bgref": { + "$ref": "fragments/block/model.json#/definitions/Block", + "x-form-type": "reference" + } + } + } + } } diff --git a/fragments/teaservertical/sample-blank.json b/fragments/teaservertical/sample-blank.json index d7798e48d..99d284f7b 100644 --- a/fragments/teaservertical/sample-blank.json +++ b/fragments/teaservertical/sample-blank.json @@ -1,5 +1,5 @@ { - "title": "Teaser Vertical", - "group": "Features", - "model": {} + "title": "Teaser Vertical", + "group": "Features", + "model": {} } diff --git a/fragments/teaservertical/sample-empty.json b/fragments/teaservertical/sample-empty.json index d470dbed8..79f0e0064 100644 --- a/fragments/teaservertical/sample-empty.json +++ b/fragments/teaservertical/sample-empty.json @@ -1,5 +1,5 @@ { - "title": "Teaser Vertical", - "group": "Empty", - "model": {} + "title": "Teaser Vertical", + "group": "Empty", + "model": {} } diff --git a/fragments/teaservertical/sample-mediateaser.json b/fragments/teaservertical/sample-mediateaser.json index 36e2541a2..70f72c22f 100644 --- a/fragments/teaservertical/sample-mediateaser.json +++ b/fragments/teaservertical/sample-mediateaser.json @@ -1,41 +1,41 @@ { - "title": "Teaser Vertical - Media", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ], - "showmedia": "true", - "mediatype": "image", - "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "mediatitle": "Bird's eye view of the beach", - "mediawidth": "50", - "mediaposition": "after" - } + "title": "Teaser Vertical - Media", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ], + "showmedia": "true", + "mediatype": "image", + "imagesrc": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "mediatitle": "Bird's eye view of the beach", + "mediawidth": "50", + "mediaposition": "after" + } } diff --git a/fragments/teaservertical/sample-rte.json b/fragments/teaservertical/sample-rte.json index 0a0338813..95e9d512d 100644 --- a/fragments/teaservertical/sample-rte.json +++ b/fragments/teaservertical/sample-rte.json @@ -1,35 +1,35 @@ { - "title": "Teaser Vertical With All RTE Styles", - "group": ".hidden", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Vertical With All RTE Styles", + "group": ".hidden", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Left (Default) Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Center Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Right Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            Justified Alignment Test

            Header h2

            Header h3

            Header h4

            Text:

            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.

            unordered list:

            • item 1
            • item 2
            • item 3

            ordered list

            1. item 1
            2. item 2
            3. item 3

            subscript superscript

            bold italic

            some link text

            a line followed by a shift return (<br/>)
            a line followed by a return (end of paragraph)

            another line

            ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaservertical/sample-teaserfull.json b/fragments/teaservertical/sample-teaserfull.json index 4eb141939..15d2acdc5 100644 --- a/fragments/teaservertical/sample-teaserfull.json +++ b/fragments/teaservertical/sample-teaserfull.json @@ -1,37 +1,37 @@ { - "title": "Teaser Vertical - Full Height", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showbutton": "true", - "isprimary": "true", - "fullheight": "true", - "custombackground": "true", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", - "overlay": "true", - "overlaycolor": "#ffffff", - "overlayopacity": "70", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", - "subtitle": "Molestiae alias et inventore voluptas", - "buttonsize": "large", - "title": "Themeclean Flex Blocks", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Vertical - Full Height", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showbutton": "true", + "isprimary": "true", + "fullheight": "true", + "custombackground": "true", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg", + "overlay": "true", + "overlaycolor": "#ffffff", + "overlayopacity": "70", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", + "subtitle": "Molestiae alias et inventore voluptas", + "buttonsize": "large", + "title": "Themeclean Flex Blocks", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaservertical/sample.json b/fragments/teaservertical/sample.json index 0bce7f38f..61616d25c 100644 --- a/fragments/teaservertical/sample.json +++ b/fragments/teaservertical/sample.json @@ -1,35 +1,35 @@ { - "title": "Teaser Vertical - Example", - "group": "Features", - "model": { - "showtitle": "true", - "showsubtitle": "true", - "showtext": "true", - "showbutton": "true", - "fullheight": "false", - "backgroundtype": "gradient", - "bgcolor": "#ffffff", - "gradient": "true", - "color2": "#c0c0c0", - "bottompadding": "30", - "toppadding": "30", - "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", - "subtitle": "Molestiae alias et inventore voluptas", - "title": "Peregrine blocks", - "buttonsize": "default", - "buttons": [ - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "See More", - "buttoncolor": "primary", - "iconclass": "" - }, - { - "buttonlink": "/content/themecleanflex/pages", - "buttontext": "About Us", - "buttoncolor": "primary", - "iconclass": "" - } - ] - } + "title": "Teaser Vertical - Example", + "group": "Features", + "model": { + "showtitle": "true", + "showsubtitle": "true", + "showtext": "true", + "showbutton": "true", + "fullheight": "false", + "backgroundtype": "gradient", + "bgcolor": "#ffffff", + "gradient": "true", + "color2": "#c0c0c0", + "bottompadding": "30", + "toppadding": "30", + "text": "

            Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.

            ", + "subtitle": "Molestiae alias et inventore voluptas", + "title": "Peregrine blocks", + "buttonsize": "default", + "buttons": [ + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "See More", + "buttoncolor": "primary", + "iconclass": "" + }, + { + "buttonlink": "/content/themecleanflex/pages", + "buttontext": "About Us", + "buttoncolor": "primary", + "iconclass": "" + } + ] + } } diff --git a/fragments/teaservertical/template.html b/fragments/teaservertical/template.html index dea7911a4..4822a5a0a 100644 --- a/fragments/teaservertical/template.html +++ b/fragments/teaservertical/template.html @@ -1,22 +1,22 @@
            -
            - -
            -
            -
            -

            Peregrine blocks

            -

            - Et architecto autem tenetur provident ea exercitationem enim. -

            -
            -

            - Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci - ut voluptatem necessitatibus cumque aspernatur. -

            -
            -
            -
            - Click for more -
            -
            +
            + +
            +
            +
            +

            Peregrine blocks

            +

            + Et architecto autem tenetur provident ea exercitationem enim. +

            +
            +

            + Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. + Adipisci ut voluptatem necessitatibus cumque aspernatur. +

            +
            +
            +
            + Click for more +
            +
            diff --git a/fragments/teaservertical/template.vue b/fragments/teaservertical/template.vue index a4d866e86..2ad64f287 100644 --- a/fragments/teaservertical/template.vue +++ b/fragments/teaservertical/template.vue @@ -1,118 +1,118 @@ diff --git a/fragments/textlinks/hatch.js b/fragments/textlinks/hatch.js index 6fa64d7b6..45d5e5a47 100644 --- a/fragments/textlinks/hatch.js +++ b/fragments/textlinks/hatch.js @@ -1,10 +1,16 @@ module.exports = { - convert: function ($, f) { - f.addFor($.find("li").first(), "model.links"); - f.bindAttribute($.find("a").first(), "href", f.pathToUrl("item.link")); - f.mapField($.find("a").first(), "item.text", "model.links", "text", false); + convert: function ($, f) { + f.addFor($.find("li").first(), "model.links"); + f.bindAttribute($.find("a").first(), "href", f.pathToUrl("item.link")); + f.mapField( + $.find("a").first(), + "item.text", + "model.links", + "text", + false + ); - let aClasses = `{ + let aClasses = `{ 'text-blue-700': model.linkcolor === 'primary', 'text-green-700 hover:text-green-600': model.linkcolor === 'success', 'text-red-700 hover:text-red-600': model.linkcolor === 'danger', @@ -14,6 +20,6 @@ module.exports = { 'font-bold' : $data.path === $helper.pathToUrl(item.link) }`; - f.bindAttribute($.find("a").first(), "class", aClasses, false); - }, + f.bindAttribute($.find("a").first(), "class", aClasses, false); + }, }; diff --git a/fragments/textlinks/model.json b/fragments/textlinks/model.json index 861799528..292f8f0d0 100644 --- a/fragments/textlinks/model.json +++ b/fragments/textlinks/model.json @@ -1,66 +1,66 @@ { - "definitions": { - "Textlinks": { - "type": "object", - "x-type": "component", - "properties": { - "links": { - "type": "object", - "x-source": "inject", - "x-form-group": "content", - "x-form-type": "collection", - "x-form-label": "Links", - "properties": { - "text": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Text", - "x-form-type": "text" - }, - "link": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Url", - "x-form-type": "pathbrowser", - "x-form-browserRoot": "/content/themecleanflex/pages" - } - } - }, - "linkcolor": { - "type": "string", - "x-source": "inject", - "x-form-label": "Link Color", - "x-form-group": "style", - "x-form-type": "materialselect", - "x-default": "text-blue-800", - "properties": { - "primary": { - "x-form-name": "Primary", - "x-form-value": "primary" - }, - "success": { - "x-form-name": "Success", - "x-form-value": "success" - }, - "danger": { - "x-form-name": "Danger", - "x-form-value": "danger" - }, - "warning": { - "x-form-name": "Warning", - "x-form-value": "warning" - }, - "light": { - "x-form-name": "Light", - "x-form-value": "light" - }, - "dark": { - "x-form-name": "Dark", - "x-form-value": "dark" - } - } - } - } - } - } + "definitions": { + "Textlinks": { + "type": "object", + "x-type": "component", + "properties": { + "links": { + "type": "object", + "x-source": "inject", + "x-form-group": "content", + "x-form-type": "collection", + "x-form-label": "Links", + "properties": { + "text": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Text", + "x-form-type": "text" + }, + "link": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Url", + "x-form-type": "pathbrowser", + "x-form-browserRoot": "/content/themecleanflex/pages" + } + } + }, + "linkcolor": { + "type": "string", + "x-source": "inject", + "x-form-label": "Link Color", + "x-form-group": "style", + "x-form-type": "materialselect", + "x-default": "text-blue-800", + "properties": { + "primary": { + "x-form-name": "Primary", + "x-form-value": "primary" + }, + "success": { + "x-form-name": "Success", + "x-form-value": "success" + }, + "danger": { + "x-form-name": "Danger", + "x-form-value": "danger" + }, + "warning": { + "x-form-name": "Warning", + "x-form-value": "warning" + }, + "light": { + "x-form-name": "Light", + "x-form-value": "light" + }, + "dark": { + "x-form-name": "Dark", + "x-form-value": "dark" + } + } + } + } + } + } } diff --git a/fragments/textlinks/sample.json b/fragments/textlinks/sample.json index bd8fb0707..1c31fa881 100644 --- a/fragments/textlinks/sample.json +++ b/fragments/textlinks/sample.json @@ -1,23 +1,23 @@ { - "title": "Text Links", - "group": ".hidden", - "model": { - "links": [ - { - "link": "/content/themecleanflex/pages", - "text": "Services", - "color": "dark" - }, - { - "link": "/content/themecleanflex/pages", - "text": "About Us", - "color": "dark" - }, - { - "link": "/content/themecleanflex/pages", - "text": "Contact Us", - "color": "dark" - } - ] - } + "title": "Text Links", + "group": ".hidden", + "model": { + "links": [ + { + "link": "/content/themecleanflex/pages", + "text": "Services", + "color": "dark" + }, + { + "link": "/content/themecleanflex/pages", + "text": "About Us", + "color": "dark" + }, + { + "link": "/content/themecleanflex/pages", + "text": "Contact Us", + "color": "dark" + } + ] + } } diff --git a/fragments/textlinks/template.html b/fragments/textlinks/template.html index 1f50784bc..14b324d38 100644 --- a/fragments/textlinks/template.html +++ b/fragments/textlinks/template.html @@ -1,8 +1,8 @@ diff --git a/fragments/textlinks/template.vue b/fragments/textlinks/template.vue index 0be9b1178..15f52ab66 100644 --- a/fragments/textlinks/template.vue +++ b/fragments/textlinks/template.vue @@ -1,33 +1,36 @@ diff --git a/ui.apps/package-lock.json b/ui.apps/package-lock.json index 623de5062..5b542a38f 100644 --- a/ui.apps/package-lock.json +++ b/ui.apps/package-lock.json @@ -1,6701 +1,6701 @@ { - "name": "build", - "version": "1.0.0", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@analytics/cookie-utils": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.3.tgz", - "integrity": "sha512-RiMAVpSluRbWb2hlT9wMJ0r2l+MUZzScYjY+w2iWRzjOr9Zzzs4tYzJT6Sd94PDz3LzCuf4aGOwS6pkKXTEBLw==", - "dev": true - }, - "@analytics/core": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.6.0.tgz", - "integrity": "sha512-niKC+NRCdVnrTW/cQqfMOrxZSIzQBQ0aavRIUwgdNAiSYXbtlGvsM24ylAKC+EwXMkwf9c4n3QbxxHtNpnvszw==", - "dev": true, - "requires": { - "analytics-utils": "^0.2.2" - } - }, - "@analytics/google-analytics": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-0.4.0.tgz", - "integrity": "sha512-IuXKIdThT/AqUxeOY3Oe8TCFd6JsAzdXUHtnzCGwQyCH1SzEQwjvSqBnBrGdZdg+FbstNAgpeBIRdffa6vQRUQ==", - "dev": true, - "requires": { - "universal-analytics": "^0.4.20" - } - }, - "@analytics/perfumejs": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@analytics/perfumejs/-/perfumejs-0.2.0.tgz", - "integrity": "sha512-youixRV59Set4W6YshBZ1m3gLLMtqJzyJrNBPIddH1Rb+4A0+ExV316bhfjfO+rAn4dt/KkPlvBDrFlYh2YIng==", - "dev": true - }, - "@analytics/storage-utils": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.2.4.tgz", - "integrity": "sha512-VHRggJbRY8vHIADWVwbq9cZux0L9LdmlN31XA3daVAI4gMkKdQEocxB7KqGDt6SfIJ3NYi/qh1nRJGooYmTBiA==", - "dev": true, - "requires": { - "@analytics/cookie-utils": "^0.2.3" - } - }, - "@fullhuman/postcss-purgecss": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.1.0.tgz", - "integrity": "sha512-NaNJgn4ZtrWveVnele/eCW/AJYL6dwG6AW86QYQQsqOsXy8rHsA1LoDxuFye0a9PKA7lbH3h4/OxzMwkGDCqXQ==", - "dev": true, - "requires": { - "purgecss": "^1.0.0" - } - }, - "@mrmlnc/readdir-enhanced": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", - "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==", - "dev": true, - "requires": { - "call-me-maybe": "^1.0.1", - "glob-to-regexp": "^0.3.0" - } - }, - "@nodelib/fs.stat": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz", - "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", - "dev": true - }, - "@types/color-name": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", - "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==", - "dev": true - }, - "@types/estree": { - "version": "0.0.39", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", - "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==" - }, - "@types/events": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", - "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", - "dev": true - }, - "@types/glob": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", - "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", - "dev": true, - "requires": { - "@types/events": "*", - "@types/minimatch": "*", - "@types/node": "*" - } - }, - "@types/minimatch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", - "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", - "dev": true - }, - "@types/node": { - "version": "11.9.4", - "resolved": "https://registry.npmjs.org/@types/node/-/node-11.9.4.tgz", - "integrity": "sha512-Zl8dGvAcEmadgs1tmSPcvwzO1YRsz38bVJQvH1RvRqSR9/5n61Q1ktcDL0ht3FXWR+ZpVmXVwN1LuH4Ax23NsA==" - }, - "@types/q": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", - "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==" - }, - "@types/resolve": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", - "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@vue/component-compiler": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/@vue/component-compiler/-/component-compiler-3.6.0.tgz", - "integrity": "sha512-NIA0vmOI4zbtJAn69iZls8IJ8VxmguswAuiUdu8TcR+YYTYzntfw290HUCSFjzAdRg+FUWZv8r+wc3TzJ/IjwA==", - "requires": { - "@vue/component-compiler-utils": "^2.1.0", - "clean-css": "^4.1.11", - "hash-sum": "^1.0.2", - "postcss-modules-sync": "^1.0.0", - "source-map": "0.6.*" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "@vue/component-compiler-utils": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz", - "integrity": "sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==", - "requires": { - "consolidate": "^0.15.1", - "hash-sum": "^1.0.2", - "lru-cache": "^4.1.2", - "merge-source-map": "^1.1.0", - "postcss": "^7.0.14", - "postcss-selector-parser": "^5.0.0", - "prettier": "1.16.3", - "source-map": "~0.6.1", - "vue-template-es2015-compiler": "^1.9.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "acorn": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.0.tgz", - "integrity": "sha512-MW/FjM+IvU9CgBzjO3UIPCE2pyEwUsoFl+VGdczOPEdxfGFjuKny/gN54mOuX7Qxmb9Rg9MCn2oKiSUeW+pjrw==" - }, - "acorn-node": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", - "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", - "dev": true, - "requires": { - "acorn": "^7.0.0", - "acorn-walk": "^7.0.0", - "xtend": "^4.0.2" - }, - "dependencies": { - "acorn": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", - "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", - "dev": true - } - } - }, - "acorn-walk": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz", - "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==", - "dev": true - }, - "agent-base": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz", - "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==", - "requires": { - "es6-promisify": "^5.0.0" - } - }, - "ajv": { - "version": "6.10.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", - "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", - "requires": { - "fast-deep-equal": "^2.0.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "analytics": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.5.3.tgz", - "integrity": "sha512-yrM/XClBqddN50GYytbdnD/UagHFujx4U4TNw7KRpj1r4wUE4aiz1usKdKg6GKJDr3ojSgoRRQONQiOjS3sEDw==", - "dev": true, - "requires": { - "@analytics/core": "^0.6.0", - "@analytics/storage-utils": "^0.2.4" - } - }, - "analytics-utils": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-0.2.2.tgz", - "integrity": "sha512-fdbc+MeoNrkwCAbGD/qgedyvRbPnImmWiInAgZ51KpINmKITpdtWV+6riHVA1YBSrb8IyYlfxn98IeWyN9a0+Q==", - "dev": true, - "requires": { - "@analytics/storage-utils": "^0.2.4", - "dlv": "^1.1.3" - } - }, - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "requires": { - "color-convert": "^1.9.0" - } - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "requires": { - "sprintf-js": "~1.0.2" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" - }, - "arr-flatten": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", - "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" - }, - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" - }, - "array-union": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", - "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", - "dev": true, - "requires": { - "array-uniq": "^1.0.1" - } - }, - "array-uniq": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", - "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" - }, - "asn1": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", - "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", - "requires": { - "safer-buffer": "~2.1.0" - } - }, - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" - }, - "assign-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", - "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" - }, - "async": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz", - "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==", - "requires": { - "lodash": "^4.17.11" - } - }, - "async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true - }, - "async-limiter": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", - "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" - }, - "asynckit": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=" - }, - "atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" - }, - "autoprefixer": { - "version": "9.8.0", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.0.tgz", - "integrity": "sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==", - "dev": true, - "requires": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001061", - "chalk": "^2.4.2", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^7.0.30", - "postcss-value-parser": "^4.1.0" - }, - "dependencies": { - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "postcss-value-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", - "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", - "dev": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "aws-sign2": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", - "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=" - }, - "aws4": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", - "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==" - }, - "babel-code-frame": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", - "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=", - "requires": { - "chalk": "^1.1.3", - "esutils": "^2.0.2", - "js-tokens": "^3.0.2" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" - } - } - }, - "babel-core": { - "version": "6.26.3", - "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz", - "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==", - "requires": { - "babel-code-frame": "^6.26.0", - "babel-generator": "^6.26.0", - "babel-helpers": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-register": "^6.26.0", - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "convert-source-map": "^1.5.1", - "debug": "^2.6.9", - "json5": "^0.5.1", - "lodash": "^4.17.4", - "minimatch": "^3.0.4", - "path-is-absolute": "^1.0.1", - "private": "^0.1.8", - "slash": "^1.0.0", - "source-map": "^0.5.7" - }, - "dependencies": { - "slash": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", - "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=" - } - } - }, - "babel-generator": { - "version": "6.26.1", - "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz", - "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==", - "requires": { - "babel-messages": "^6.23.0", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "detect-indent": "^4.0.0", - "jsesc": "^1.3.0", - "lodash": "^4.17.4", - "source-map": "^0.5.7", - "trim-right": "^1.0.1" - }, - "dependencies": { - "jsesc": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", - "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=" - } - } - }, - "babel-helper-bindify-decorators": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz", - "integrity": "sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-builder-binary-assignment-operator-visitor": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz", - "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=", - "requires": { - "babel-helper-explode-assignable-expression": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-call-delegate": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz", - "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=", - "requires": { - "babel-helper-hoist-variables": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-define-map": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz", - "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-helper-explode-assignable-expression": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz", - "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-explode-class": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz", - "integrity": "sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=", - "requires": { - "babel-helper-bindify-decorators": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-function-name": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz", - "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=", - "requires": { - "babel-helper-get-function-arity": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-get-function-arity": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz", - "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-hoist-variables": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz", - "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-optimise-call-expression": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz", - "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-helper-regex": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz", - "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-helper-remap-async-to-generator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz", - "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helper-replace-supers": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz", - "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=", - "requires": { - "babel-helper-optimise-call-expression": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-helpers": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz", - "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-messages": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz", - "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-check-es2015-constants": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz", - "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-syntax-async-functions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz", - "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=" - }, - "babel-plugin-syntax-async-generators": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz", - "integrity": "sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=" - }, - "babel-plugin-syntax-class-constructor-call": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz", - "integrity": "sha1-nLnTn+Q8hgC+yBRkVt3L1OGnZBY=" - }, - "babel-plugin-syntax-class-properties": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz", - "integrity": "sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=" - }, - "babel-plugin-syntax-decorators": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz", - "integrity": "sha1-MSVjtNvePMgGzuPkFszurd0RrAs=" - }, - "babel-plugin-syntax-do-expressions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz", - "integrity": "sha1-V0d1YTmqJtOQ0JQQsDdEugfkeW0=" - }, - "babel-plugin-syntax-dynamic-import": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", - "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=" - }, - "babel-plugin-syntax-exponentiation-operator": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz", - "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=" - }, - "babel-plugin-syntax-export-extensions": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz", - "integrity": "sha1-cKFITw+QiaToStRLrDU8lbmxJyE=" - }, - "babel-plugin-syntax-function-bind": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz", - "integrity": "sha1-SMSV8Xe98xqYHnMvVa3AvdJgH0Y=" - }, - "babel-plugin-syntax-object-rest-spread": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", - "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=" - }, - "babel-plugin-syntax-trailing-function-commas": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz", - "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=" - }, - "babel-plugin-transform-async-generator-functions": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz", - "integrity": "sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=", - "requires": { - "babel-helper-remap-async-to-generator": "^6.24.1", - "babel-plugin-syntax-async-generators": "^6.5.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-async-to-generator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz", - "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=", - "requires": { - "babel-helper-remap-async-to-generator": "^6.24.1", - "babel-plugin-syntax-async-functions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-class-constructor-call": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz", - "integrity": "sha1-gNwoVQWsBn3LjWxl4vbxGrd2Xvk=", - "requires": { - "babel-plugin-syntax-class-constructor-call": "^6.18.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-class-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz", - "integrity": "sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-plugin-syntax-class-properties": "^6.8.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-decorators": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz", - "integrity": "sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=", - "requires": { - "babel-helper-explode-class": "^6.24.1", - "babel-plugin-syntax-decorators": "^6.13.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-do-expressions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz", - "integrity": "sha1-KMyvkoEtlJws0SgfaQyP3EaK6bs=", - "requires": { - "babel-plugin-syntax-do-expressions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-arrow-functions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz", - "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-block-scoped-functions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz", - "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-block-scoping": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz", - "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "lodash": "^4.17.4" - } - }, - "babel-plugin-transform-es2015-classes": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz", - "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=", - "requires": { - "babel-helper-define-map": "^6.24.1", - "babel-helper-function-name": "^6.24.1", - "babel-helper-optimise-call-expression": "^6.24.1", - "babel-helper-replace-supers": "^6.24.1", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-computed-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz", - "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-destructuring": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz", - "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-duplicate-keys": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz", - "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-for-of": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz", - "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-function-name": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz", - "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=", - "requires": { - "babel-helper-function-name": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-literals": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz", - "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-modules-amd": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz", - "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=", - "requires": { - "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-modules-commonjs": { - "version": "6.26.2", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz", - "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==", - "requires": { - "babel-plugin-transform-strict-mode": "^6.24.1", - "babel-runtime": "^6.26.0", - "babel-template": "^6.26.0", - "babel-types": "^6.26.0" - } - }, - "babel-plugin-transform-es2015-modules-systemjs": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz", - "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=", - "requires": { - "babel-helper-hoist-variables": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-modules-umd": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz", - "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=", - "requires": { - "babel-plugin-transform-es2015-modules-amd": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-object-super": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz", - "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=", - "requires": { - "babel-helper-replace-supers": "^6.24.1", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-parameters": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz", - "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=", - "requires": { - "babel-helper-call-delegate": "^6.24.1", - "babel-helper-get-function-arity": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-template": "^6.24.1", - "babel-traverse": "^6.24.1", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-shorthand-properties": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz", - "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-spread": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz", - "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-sticky-regex": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz", - "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=", - "requires": { - "babel-helper-regex": "^6.24.1", - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-plugin-transform-es2015-template-literals": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz", - "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-typeof-symbol": { - "version": "6.23.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz", - "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=", - "requires": { - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-es2015-unicode-regex": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz", - "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=", - "requires": { - "babel-helper-regex": "^6.24.1", - "babel-runtime": "^6.22.0", - "regexpu-core": "^2.0.0" - }, - "dependencies": { - "regexpu-core": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz", - "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=", - "requires": { - "regenerate": "^1.2.1", - "regjsgen": "^0.2.0", - "regjsparser": "^0.1.4" - } - }, - "regjsgen": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", - "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" - }, - "regjsparser": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", - "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", - "requires": { - "jsesc": "~0.5.0" - } - } - } - }, - "babel-plugin-transform-exponentiation-operator": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz", - "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=", - "requires": { - "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1", - "babel-plugin-syntax-exponentiation-operator": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-export-extensions": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz", - "integrity": "sha1-U3OLR+deghhYnuqUbLvTkQm75lM=", - "requires": { - "babel-plugin-syntax-export-extensions": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-function-bind": { - "version": "6.22.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz", - "integrity": "sha1-xvuOlqwpajELjPjqQBRiQH3fapc=", - "requires": { - "babel-plugin-syntax-function-bind": "^6.8.0", - "babel-runtime": "^6.22.0" - } - }, - "babel-plugin-transform-object-rest-spread": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz", - "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=", - "requires": { - "babel-plugin-syntax-object-rest-spread": "^6.8.0", - "babel-runtime": "^6.26.0" - } - }, - "babel-plugin-transform-regenerator": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz", - "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=", - "requires": { - "regenerator-transform": "^0.10.0" - } - }, - "babel-plugin-transform-strict-mode": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz", - "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=", - "requires": { - "babel-runtime": "^6.22.0", - "babel-types": "^6.24.1" - } - }, - "babel-preset-es2015": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz", - "integrity": "sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=", - "requires": { - "babel-plugin-check-es2015-constants": "^6.22.0", - "babel-plugin-transform-es2015-arrow-functions": "^6.22.0", - "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0", - "babel-plugin-transform-es2015-block-scoping": "^6.24.1", - "babel-plugin-transform-es2015-classes": "^6.24.1", - "babel-plugin-transform-es2015-computed-properties": "^6.24.1", - "babel-plugin-transform-es2015-destructuring": "^6.22.0", - "babel-plugin-transform-es2015-duplicate-keys": "^6.24.1", - "babel-plugin-transform-es2015-for-of": "^6.22.0", - "babel-plugin-transform-es2015-function-name": "^6.24.1", - "babel-plugin-transform-es2015-literals": "^6.22.0", - "babel-plugin-transform-es2015-modules-amd": "^6.24.1", - "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", - "babel-plugin-transform-es2015-modules-systemjs": "^6.24.1", - "babel-plugin-transform-es2015-modules-umd": "^6.24.1", - "babel-plugin-transform-es2015-object-super": "^6.24.1", - "babel-plugin-transform-es2015-parameters": "^6.24.1", - "babel-plugin-transform-es2015-shorthand-properties": "^6.24.1", - "babel-plugin-transform-es2015-spread": "^6.22.0", - "babel-plugin-transform-es2015-sticky-regex": "^6.24.1", - "babel-plugin-transform-es2015-template-literals": "^6.22.0", - "babel-plugin-transform-es2015-typeof-symbol": "^6.22.0", - "babel-plugin-transform-es2015-unicode-regex": "^6.24.1", - "babel-plugin-transform-regenerator": "^6.24.1" - } - }, - "babel-preset-stage-0": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz", - "integrity": "sha1-VkLRUEL5E4TX5a+LyIsduVsDnmo=", - "requires": { - "babel-plugin-transform-do-expressions": "^6.22.0", - "babel-plugin-transform-function-bind": "^6.22.0", - "babel-preset-stage-1": "^6.24.1" - } - }, - "babel-preset-stage-1": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz", - "integrity": "sha1-dpLNfc1oSZB+auSgqFWJz7niv7A=", - "requires": { - "babel-plugin-transform-class-constructor-call": "^6.24.1", - "babel-plugin-transform-export-extensions": "^6.22.0", - "babel-preset-stage-2": "^6.24.1" - } - }, - "babel-preset-stage-2": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz", - "integrity": "sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=", - "requires": { - "babel-plugin-syntax-dynamic-import": "^6.18.0", - "babel-plugin-transform-class-properties": "^6.24.1", - "babel-plugin-transform-decorators": "^6.24.1", - "babel-preset-stage-3": "^6.24.1" - } - }, - "babel-preset-stage-3": { - "version": "6.24.1", - "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz", - "integrity": "sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=", - "requires": { - "babel-plugin-syntax-trailing-function-commas": "^6.22.0", - "babel-plugin-transform-async-generator-functions": "^6.24.1", - "babel-plugin-transform-async-to-generator": "^6.24.1", - "babel-plugin-transform-exponentiation-operator": "^6.24.1", - "babel-plugin-transform-object-rest-spread": "^6.22.0" - } - }, - "babel-register": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz", - "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=", - "requires": { - "babel-core": "^6.26.0", - "babel-runtime": "^6.26.0", - "core-js": "^2.5.0", - "home-or-tmp": "^2.0.0", - "lodash": "^4.17.4", - "mkdirp": "^0.5.1", - "source-map-support": "^0.4.15" - } - }, - "babel-runtime": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", - "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", - "requires": { - "core-js": "^2.4.0", - "regenerator-runtime": "^0.11.0" - } - }, - "babel-template": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz", - "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=", - "requires": { - "babel-runtime": "^6.26.0", - "babel-traverse": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "lodash": "^4.17.4" - } - }, - "babel-traverse": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz", - "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=", - "requires": { - "babel-code-frame": "^6.26.0", - "babel-messages": "^6.23.0", - "babel-runtime": "^6.26.0", - "babel-types": "^6.26.0", - "babylon": "^6.18.0", - "debug": "^2.6.8", - "globals": "^9.18.0", - "invariant": "^2.2.2", - "lodash": "^4.17.4" - } - }, - "babel-types": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", - "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", - "requires": { - "babel-runtime": "^6.26.0", - "esutils": "^2.0.2", - "lodash": "^4.17.4", - "to-fast-properties": "^1.0.3" - } - }, - "babylon": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", - "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==" - }, - "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" - }, - "base": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", - "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", - "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "bcrypt-pbkdf": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", - "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", - "requires": { - "tweetnacl": "^0.14.3" - } - }, - "big.js": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz", - "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==" - }, - "binary-extensions": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", - "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", - "dev": true - }, - "bluebird": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.3.tgz", - "integrity": "sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw==" - }, - "boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "browser-stdout": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz", - "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==" - }, - "browserslist": { - "version": "4.12.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.0.tgz", - "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001043", - "electron-to-chromium": "^1.3.413", - "node-releases": "^1.1.53", - "pkg-up": "^2.0.0" - } - }, - "buble": { - "version": "0.19.6", - "resolved": "https://registry.npmjs.org/buble/-/buble-0.19.6.tgz", - "integrity": "sha512-9kViM6nJA1Q548Jrd06x0geh+BG2ru2+RMDkIHHgJY/8AcyCs34lTHwra9BX7YdPrZXd5aarkpr/SY8bmPgPdg==", - "requires": { - "chalk": "^2.4.1", - "magic-string": "^0.25.1", - "minimist": "^1.2.0", - "os-homedir": "^1.0.1", - "regexpu-core": "^4.2.0", - "vlq": "^1.0.0" - } - }, - "buffer-from": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", - "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" - }, - "builtin-modules": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz", - "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==", - "dev": true - }, - "bytes": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", - "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", - "dev": true - }, - "cache-base": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", - "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", - "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" - } - }, - "call-me-maybe": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz", - "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=", - "dev": true - }, - "camelcase": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz", - "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==" - }, - "camelcase-css": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", - "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", - "dev": true - }, - "caniuse-lite": { - "version": "1.0.30001079", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001079.tgz", - "integrity": "sha512-2KaYheg0iOY+CMmDuAB3DHehrXhhb4OZU4KBVGDr/YKyYAcpudaiUQ9PJ9rxrPlKEoJ3ATasQ5AN48MqpwS43Q==", - "dev": true - }, - "caseless": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", - "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "chokidar": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", - "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "class-utils": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", - "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", - "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "clean-css": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", - "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", - "requires": { - "source-map": "~0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "cliui": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", - "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", - "requires": { - "string-width": "^2.1.1", - "strip-ansi": "^4.0.0", - "wrap-ansi": "^2.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "requires": { - "ansi-regex": "^3.0.0" - } - } - } - }, - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-buffer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", - "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, - "cloneable-readable": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", - "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", - "requires": { - "inherits": "^2.0.1", - "process-nextick-args": "^2.0.0", - "readable-stream": "^2.3.5" - } - }, - "coa": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz", - "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==", - "requires": { - "@types/q": "^1.5.1", - "chalk": "^2.4.1", - "q": "^1.1.2" - } - }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" - }, - "collection-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", - "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", - "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" - } - }, - "color": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/color/-/color-3.0.0.tgz", - "integrity": "sha512-jCpd5+s0s0t7p3pHQKpnJ0TpQKKdleP71LWcA0aqiljpiuAkOSUFN/dyH8ZwF0hRmFlrIuRhufds1QyEP9EB+w==", - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" - }, - "color-string": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz", - "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==", - "requires": { - "color-name": "^1.0.0", - "simple-swizzle": "^0.2.2" - } - }, - "colornames": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/colornames/-/colornames-1.1.1.tgz", - "integrity": "sha1-+IiQMGhcfE/54qVZ9Qd+t2qBb5Y=" - }, - "colors": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.3.tgz", - "integrity": "sha512-mmGt/1pZqYRjMxB1axhTo16/snVZ5krrKkcmMeVKxzECMMXoCgnvTPp10QgHfcbQZw8Dq2jMNG6je4JlWU0gWg==" - }, - "colorspace": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz", - "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==", - "requires": { - "color": "3.0.x", - "text-hex": "1.0.x" - } - }, - "combined-stream": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", - "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", - "requires": { - "delayed-stream": "~1.0.0" - } - }, - "commander": { - "version": "2.15.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz", - "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==" - }, - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" - }, - "concat-stream": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", - "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", - "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" - } - }, - "consolidate": { - "version": "0.15.1", - "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz", - "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==", - "requires": { - "bluebird": "^3.1.1" - } - }, - "convert-source-map": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", - "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", - "requires": { - "safe-buffer": "~5.1.1" - } - }, - "copy-descriptor": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", - "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" - }, - "core-js": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", - "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==" - }, - "core-util-is": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", - "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" - }, - "cosmiconfig": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz", - "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==", - "dev": true, - "requires": { - "is-directory": "^0.3.1", - "js-yaml": "^3.9.0", - "parse-json": "^4.0.0", - "require-from-string": "^2.0.1" - } - }, - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - }, - "cross-var": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/cross-var/-/cross-var-1.1.0.tgz", - "integrity": "sha1-8PDUuyNdlRONGlOYQtKQ8A23HNY=", - "requires": { - "babel-preset-es2015": "^6.18.0", - "babel-preset-stage-0": "^6.16.0", - "babel-register": "^6.18.0", - "cross-spawn": "^5.0.1", - "exit": "^0.1.2" - }, - "dependencies": { - "cross-spawn": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", - "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", - "requires": { - "lru-cache": "^4.0.1", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - } - } - }, - "css-select": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz", - "integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==", - "requires": { - "boolbase": "^1.0.0", - "css-what": "^2.1.2", - "domutils": "^1.7.0", - "nth-check": "^1.0.2" - } - }, - "css-select-base-adapter": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", - "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" - }, - "css-selector-parser": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-1.3.0.tgz", - "integrity": "sha1-XxrUPi2O77/cME/NOaUhZklD4+s=" - }, - "css-selector-tokenizer": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz", - "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", - "requires": { - "cssesc": "^0.1.0", - "fastparse": "^1.1.1", - "regexpu-core": "^1.0.0" - }, - "dependencies": { - "cssesc": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz", - "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=" - }, - "regexpu-core": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz", - "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=", - "requires": { - "regenerate": "^1.2.1", - "regjsgen": "^0.2.0", - "regjsparser": "^0.1.4" - } - }, - "regjsgen": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", - "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" - }, - "regjsparser": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", - "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", - "requires": { - "jsesc": "~0.5.0" - } - } - } - }, - "css-tree": { - "version": "1.0.0-alpha.28", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz", - "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==", - "requires": { - "mdn-data": "~1.1.0", - "source-map": "^0.5.3" - } - }, - "css-unit-converter": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz", - "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==", - "dev": true - }, - "css-url-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/css-url-regex/-/css-url-regex-1.1.0.tgz", - "integrity": "sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=" - }, - "css-what": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", - "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==" - }, - "cssesc": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz", - "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==" - }, - "cssmin": { - "version": "0.4.3", - "resolved": "https://registry.npmjs.org/cssmin/-/cssmin-0.4.3.tgz", - "integrity": "sha1-yRlAd+Dr2s1pHV9ZAVudgZ840BU=" - }, - "csso": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz", - "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==", - "requires": { - "css-tree": "1.0.0-alpha.29" - }, - "dependencies": { - "css-tree": { - "version": "1.0.0-alpha.29", - "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz", - "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==", - "requires": { - "mdn-data": "~1.1.0", - "source-map": "^0.5.3" - } - } - } - }, - "cssom": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.6.tgz", - "integrity": "sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==" - }, - "dashdash": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", - "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", - "requires": { - "assert-plus": "^1.0.0" - } - }, - "dateformat": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz", - "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==" - }, - "de-indent": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", - "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=" - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "requires": { - "ms": "2.0.0" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" - }, - "decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" - }, - "define-properties": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", - "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", - "requires": { - "object-keys": "^1.0.12" - } - }, - "define-property": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", - "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", - "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" - }, - "dependencies": { - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "defined": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", - "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=", - "dev": true - }, - "delayed-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", - "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" - }, - "dependency-graph": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.8.0.tgz", - "integrity": "sha512-DCvzSq2UiMsuLnj/9AL484ummEgLtZIcRS7YvtO38QnpX3vqh9nJ8P+zhu8Ja+SmLrBHO2iDbva20jq38qvBkQ==", - "dev": true - }, - "detect-indent": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz", - "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=", - "requires": { - "repeating": "^2.0.0" - } - }, - "detective": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz", - "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==", - "dev": true, - "requires": { - "acorn-node": "^1.6.1", - "defined": "^1.0.0", - "minimist": "^1.1.1" - } - }, - "diagnostics": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/diagnostics/-/diagnostics-1.1.1.tgz", - "integrity": "sha512-8wn1PmdunLJ9Tqbx+Fx/ZEuHfJf4NKSN2ZBj7SJC/OWRWha843+WsTjqMe1B5E3p28jqBlp+mJ2fPVxPyNgYKQ==", - "requires": { - "colorspace": "1.1.x", - "enabled": "1.0.x", - "kuler": "1.0.x" - } - }, - "diff": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", - "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==" - }, - "dir-glob": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz", - "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==", - "dev": true, - "requires": { - "path-type": "^3.0.0" - } - }, - "dlv": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", - "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", - "dev": true - }, - "dom-serializer": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", - "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", - "requires": { - "domelementtype": "^1.3.0", - "entities": "^1.1.1" - } - }, - "dom-walk": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz", - "integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=", - "dev": true - }, - "domelementtype": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", - "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==" - }, - "domutils": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", - "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", - "requires": { - "dom-serializer": "0", - "domelementtype": "1" - } - }, - "ecc-jsbn": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", - "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", - "requires": { - "jsbn": "~0.1.0", - "safer-buffer": "^2.1.0" - } - }, - "electron-to-chromium": { - "version": "1.3.465", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.465.tgz", - "integrity": "sha512-K/lUeT3NLAsJ5SHRDhK3/zd0tw7OUllYD8w+fTOXm6ljCPsp2qq+vMzxpLo8u1M27ZjZAjRbsA6rirvne2nAMQ==", - "dev": true - }, - "emoji-regex": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", - "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", - "dev": true - }, - "emojis-list": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz", - "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=" - }, - "enabled": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", - "integrity": "sha1-ll9lE9LC0cX0ZStkouM5ZGf8L5M=", - "requires": { - "env-variable": "0.0.x" - } - }, - "end-of-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", - "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", - "requires": { - "once": "^1.4.0" - } - }, - "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" - }, - "env-variable": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.5.tgz", - "integrity": "sha512-zoB603vQReOFvTg5xMl9I1P2PnHsHQQKTEowsKKD7nseUfJq6UWzK+4YtlWUO1nhiQUxe6XMkk+JleSZD1NZFA==" - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es-abstract": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.13.0.tgz", - "integrity": "sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==", - "requires": { - "es-to-primitive": "^1.2.0", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "is-callable": "^1.1.4", - "is-regex": "^1.0.4", - "object-keys": "^1.0.12" - } - }, - "es-to-primitive": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.0.tgz", - "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==", - "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" - } - }, - "es6-promise": { - "version": "4.2.8", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz", - "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==" - }, - "es6-promisify": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz", - "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", - "requires": { - "es6-promise": "^4.0.3" - } - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" - }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" - }, - "estree-walker": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.0.tgz", - "integrity": "sha512-peq1RfVAVzr3PU/jL31RaOjUKLoZJpObQWJJ+LgfcxDUifyLZ1RjPQZTl0pzj2uJ45b7A7XpyppXvxdEqzo4rw==" - }, - "esutils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" - }, - "execa": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", - "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", - "requires": { - "cross-spawn": "^6.0.0", - "get-stream": "^4.0.0", - "is-stream": "^1.1.0", - "npm-run-path": "^2.0.0", - "p-finally": "^1.0.0", - "signal-exit": "^3.0.0", - "strip-eof": "^1.0.0" - } - }, - "exit": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", - "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=" - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" - }, - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "extract-zip": { - "version": "1.6.7", - "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz", - "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=", - "requires": { - "concat-stream": "1.6.2", - "debug": "2.6.9", - "mkdirp": "0.5.1", - "yauzl": "2.4.1" - } - }, - "extsprintf": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", - "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" - }, - "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=" - }, - "fast-glob": { - "version": "2.2.6", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.6.tgz", - "integrity": "sha512-0BvMaZc1k9F+MeWWMe8pL6YltFzZYcJsYU7D4JyDA6PAczaXvxqQQ/z+mDF7/4Mw01DeUc+i3CTKajnkANkV4w==", - "dev": true, - "requires": { - "@mrmlnc/readdir-enhanced": "^2.2.1", - "@nodelib/fs.stat": "^1.1.2", - "glob-parent": "^3.1.0", - "is-glob": "^4.0.0", - "merge2": "^1.2.3", - "micromatch": "^3.1.10" - } - }, - "fast-json-stable-stringify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz", - "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=" - }, - "fast-safe-stringify": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.6.tgz", - "integrity": "sha512-q8BZ89jjc+mz08rSxROs8VsrBBcn1SIw1kq9NjolL509tkABRk9io01RAjSaEv1Xb2uFLt8VtRiZbGp5H8iDtg==" - }, - "fastparse": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", - "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==" - }, - "fd-slicer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz", - "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=", - "requires": { - "pend": "~1.2.0" - } - }, - "fecha": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz", - "integrity": "sha512-lUGBnIamTAwk4znq5BcqsDaxSmZ9nDVJaij6NvRt/Tg4R69gERA+otPKbS86ROw9nxVMw2/mp1fnaiWqbs6Sdg==" - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "requires": { - "locate-path": "^3.0.0" - } - }, - "for-in": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", - "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" - }, - "forever-agent": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", - "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=" - }, - "form-data": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", - "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.6", - "mime-types": "^2.1.12" - } - }, - "fragment-cache": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", - "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", - "requires": { - "map-cache": "^0.2.2" - } - }, - "fs-extra": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", - "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" - }, - "fsevents": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.8.tgz", - "integrity": "sha512-tPvHgPGB7m40CZ68xqFGkKuzN+RnpGmSV+hgeKxhRpbxdqKXUFJGC3yonBOLzQBcJyGpdZFDfCsdOC2KFsXzeA==", - "dev": true, - "optional": true, - "requires": { - "nan": "^2.12.1", - "node-pre-gyp": "^0.12.0" - }, - "dependencies": { - "abbrev": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "ansi-regex": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "aproba": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - }, - "are-we-there-yet": { - "version": "1.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" - } - }, - "balanced-match": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "brace-expansion": { - "version": "1.1.11", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "chownr": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "code-point-at": { - "version": "1.1.0", - "bundled": true, - "dev": true, - "optional": true - }, - "concat-map": { - "version": "0.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "console-control-strings": { - "version": "1.1.0", - "bundled": true, - "dev": true, - "optional": true - }, - "core-util-is": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "debug": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ms": "^2.1.1" - } - }, - "deep-extend": { - "version": "0.6.0", - "bundled": true, - "dev": true, - "optional": true - }, - "delegates": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "detect-libc": { - "version": "1.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "fs-minipass": { - "version": "1.2.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "fs.realpath": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "gauge": { - "version": "2.7.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" - } - }, - "glob": { - "version": "7.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "has-unicode": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "iconv-lite": { - "version": "0.4.24", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "ignore-walk": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimatch": "^3.0.4" - } - }, - "inflight": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "bundled": true, - "dev": true, - "optional": true - }, - "ini": { - "version": "1.3.5", - "bundled": true, - "dev": true, - "optional": true - }, - "is-blockwidth-code-point": { - "version": "1.0.0", - "bundled": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "optional": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "isarray": { - "version": "1.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "minimatch": { - "version": "3.0.4", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "0.0.8", - "bundled": true, - "dev": true, - "optional": true - }, - "minipass": { - "version": "2.3.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" - } - }, - "minizlib": { - "version": "1.2.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minipass": "^2.2.1" - } - }, - "mkdirp": { - "version": "0.5.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "minimist": "0.0.8" - } - }, - "ms": { - "version": "2.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "needle": { - "version": "2.3.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "debug": "^4.1.0", - "iconv-lite": "^0.4.4", - "sax": "^1.2.4" - } - }, - "node-pre-gyp": { - "version": "0.12.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "detect-libc": "^1.0.2", - "mkdirp": "^0.5.1", - "needle": "^2.2.1", - "nopt": "^4.0.1", - "npm-packlist": "^1.1.6", - "npmlog": "^4.0.2", - "rc": "^1.2.7", - "rimraf": "^2.6.1", - "semver": "^5.3.0", - "tar": "^4" - } - }, - "nopt": { - "version": "4.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "abbrev": "1", - "osenv": "^0.1.4" - } - }, - "npm-bundled": { - "version": "1.0.6", - "bundled": true, - "dev": true, - "optional": true - }, - "npm-packlist": { - "version": "1.4.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ignore-walk": "^3.0.1", - "npm-bundled": "^1.0.1" - } - }, - "npmlog": { - "version": "4.1.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" - } - }, - "number-is-nan": { - "version": "1.0.1", - "bundled": true - }, - "object-assign": { - "version": "4.1.1", - "bundled": true, - "dev": true, - "optional": true - }, - "once": { - "version": "1.4.0", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "wrappy": "1" - } - }, - "os-homedir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "os-tmpdir": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "osenv": { - "version": "0.1.5", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "process-nextick-args": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "rc": { - "version": "1.2.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "deep-extend": "^0.6.0", - "ini": "~1.3.0", - "minimist": "^1.2.0", - "strip-json-comments": "~2.0.1" - }, - "dependencies": { - "minimist": { - "version": "1.2.0", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "rimraf": { - "version": "2.6.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "glob": "^7.1.3" - } - }, - "safe-buffer": { - "version": "5.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "safer-buffer": { - "version": "2.1.2", - "bundled": true, - "dev": true, - "optional": true - }, - "sax": { - "version": "1.2.4", - "bundled": true, - "dev": true, - "optional": true - }, - "semver": { - "version": "5.7.0", - "bundled": true, - "dev": true, - "optional": true - }, - "set-blocking": { - "version": "2.0.0", - "bundled": true, - "dev": true, - "optional": true - }, - "signal-exit": { - "version": "3.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "string-width": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "string_decoder": { - "version": "1.1.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-json-comments": { - "version": "2.0.1", - "bundled": true, - "dev": true, - "optional": true - }, - "tar": { - "version": "4.4.8", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.3.4", - "minizlib": "^1.1.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.2" - } - }, - "util-deprecate": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "wide-align": { - "version": "1.1.3", - "bundled": true, - "dev": true, - "optional": true, - "requires": { - "string-width": "^1.0.2 || 2" - } - }, - "wrappy": { - "version": "1.0.2", - "bundled": true, - "dev": true, - "optional": true - }, - "yallist": { - "version": "3.0.3", - "bundled": true, - "dev": true, - "optional": true - } - } - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" - }, - "generic-names": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-1.0.3.tgz", - "integrity": "sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=", - "requires": { - "loader-utils": "^0.2.16" - } - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-stdin": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", - "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", - "dev": true - }, - "get-stream": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", - "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", - "requires": { - "pump": "^3.0.0" - } - }, - "get-value": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", - "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" - }, - "getpass": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", - "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", - "requires": { - "assert-plus": "^1.0.0" - } - }, - "glob": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", - "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "glob-to-regexp": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz", - "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=", - "dev": true - }, - "global": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz", - "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=", - "dev": true, - "requires": { - "min-document": "^2.19.0", - "process": "~0.5.1" - } - }, - "globals": { - "version": "9.18.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", - "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==" - }, - "globby": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz", - "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==", - "dev": true, - "requires": { - "@types/glob": "^7.1.1", - "array-union": "^1.0.2", - "dir-glob": "^2.2.2", - "fast-glob": "^2.2.6", - "glob": "^7.1.3", - "ignore": "^4.0.3", - "pify": "^4.0.1", - "slash": "^2.0.0" - } - }, - "graceful-fs": { - "version": "4.1.15", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", - "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" - }, - "growl": { - "version": "1.10.5", - "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz", - "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==" - }, - "har-schema": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", - "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=" - }, - "har-validator": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", - "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", - "requires": { - "ajv": "^6.5.5", - "har-schema": "^2.0.0" - } - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-ansi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" - }, - "has-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", - "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" - }, - "has-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", - "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", - "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "has-values": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", - "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", - "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" - }, - "dependencies": { - "kind-of": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", - "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "hash-sum": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", - "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=" - }, - "hasha": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/hasha/-/hasha-2.2.0.tgz", - "integrity": "sha1-eNfL/B5tZjA/55g3NlmEUXsvbuE=", - "requires": { - "is-stream": "^1.0.1", - "pinkie-promise": "^2.0.0" - } - }, - "he": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", - "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" - }, - "home-or-tmp": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz", - "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=", - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.1" - } - }, - "http-signature": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", - "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", - "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" - } - }, - "https-proxy-agent": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz", - "integrity": "sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==", - "requires": { - "agent-base": "^4.3.0", - "debug": "^3.1.0" - }, - "dependencies": { - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - } - } - }, - "icss-replace-symbols": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz", - "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=" - }, - "ignore": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", - "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", - "dev": true - }, - "import-cwd": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", - "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", - "dev": true, - "requires": { - "import-from": "^2.1.0" - } - }, - "import-from": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", - "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", - "dev": true, - "requires": { - "resolve-from": "^3.0.0" - } - }, - "indexes-of": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", - "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" - }, - "invariant": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", - "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", - "requires": { - "loose-envify": "^1.0.0" - } - }, - "invert-kv": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", - "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==" - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", - "dev": true - }, - "is-binary-path": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", - "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", - "dev": true, - "requires": { - "binary-extensions": "^1.0.0" - } - }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" - }, - "is-callable": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz", - "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==" - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-date-object": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", - "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=" - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "dependencies": { - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" - } - } - }, - "is-directory": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", - "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", - "dev": true - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true - }, - "is-finite": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", - "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" - }, - "is-glob": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", - "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=", - "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "requires": { - "isobject": "^3.0.1" - } - }, - "is-regex": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz", - "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", - "requires": { - "has": "^1.0.1" - } - }, - "is-stream": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", - "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" - }, - "is-symbol": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.2.tgz", - "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==", - "requires": { - "has-symbols": "^1.0.0" - } - }, - "is-typedarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", - "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=" - }, - "is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" - }, - "isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" - }, - "isstream": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", - "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" - }, - "js-base64": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", - "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==" - }, - "js-tokens": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", - "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" - }, - "js-yaml": { - "version": "3.13.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", - "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", - "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - } - }, - "jsbn": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", - "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" - }, - "jsesc": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", - "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" - }, - "json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", - "dev": true - }, - "json-schema": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", - "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" - }, - "json-stringify-safe": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", - "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" - }, - "json5": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz", - "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=" - }, - "jsonfile": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", - "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", - "requires": { - "graceful-fs": "^4.1.6" - } - }, - "jsprim": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", - "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", - "requires": { - "assert-plus": "1.0.0", - "extsprintf": "1.3.0", - "json-schema": "0.2.3", - "verror": "1.10.0" - } - }, - "kew": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz", - "integrity": "sha1-edk9LTM2PW/dKXCzNdkUGtWR15s=" - }, - "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==" - }, - "klaw": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz", - "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=", - "requires": { - "graceful-fs": "^4.1.9" - } - }, - "kuler": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/kuler/-/kuler-1.0.1.tgz", - "integrity": "sha512-J9nVUucG1p/skKul6DU3PUZrhs0LPulNaeUOox0IyXDi8S4CztTHs1gQphhuZmzXG7VOQSf6NJfKuzteQLv9gQ==", - "requires": { - "colornames": "^1.1.1" - } - }, - "lcid": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", - "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", - "requires": { - "invert-kv": "^2.0.0" - } - }, - "loader-utils": { - "version": "0.2.17", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz", - "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=", - "requires": { - "big.js": "^3.1.3", - "emojis-list": "^2.0.0", - "json5": "^0.5.0", - "object-assign": "^4.0.1" - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" - }, - "lodash._arraymap": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._arraymap/-/lodash._arraymap-3.0.0.tgz", - "integrity": "sha1-Go/Q9MDfS2HeoHbXF83Jfwo8PmY=" - }, - "lodash._basecallback": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/lodash._basecallback/-/lodash._basecallback-3.3.1.tgz", - "integrity": "sha1-t7K7Q9whYEJKIczybFfkQ3cqjic=", - "requires": { - "lodash._baseisequal": "^3.0.0", - "lodash._bindcallback": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.pairs": "^3.0.0" - } - }, - "lodash._baseeach": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/lodash._baseeach/-/lodash._baseeach-3.0.4.tgz", - "integrity": "sha1-z4cGVyyhROjZ11InyZDamC+TKvM=", - "requires": { - "lodash.keys": "^3.0.0" - } - }, - "lodash._baseget": { - "version": "3.7.2", - "resolved": "https://registry.npmjs.org/lodash._baseget/-/lodash._baseget-3.7.2.tgz", - "integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ=" - }, - "lodash._baseisequal": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/lodash._baseisequal/-/lodash._baseisequal-3.0.7.tgz", - "integrity": "sha1-2AJfdjOdKTQnZ9zIh85cuVpbUfE=", - "requires": { - "lodash.isarray": "^3.0.0", - "lodash.istypedarray": "^3.0.0", - "lodash.keys": "^3.0.0" - } - }, - "lodash._bindcallback": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz", - "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=" - }, - "lodash._getnative": { - "version": "3.9.1", - "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", - "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" - }, - "lodash._topath": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/lodash._topath/-/lodash._topath-3.8.1.tgz", - "integrity": "sha1-PsXiYGAU9MuX91X+aRTt2L/ADqw=", - "requires": { - "lodash.isarray": "^3.0.0" - } - }, - "lodash.isarguments": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", - "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=" - }, - "lodash.isarray": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", - "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=" - }, - "lodash.istypedarray": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.6.tgz", - "integrity": "sha1-yaR3SYYHUB2OhJTSg7h8OSgc72I=" - }, - "lodash.keys": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", - "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", - "requires": { - "lodash._getnative": "^3.0.0", - "lodash.isarguments": "^3.0.0", - "lodash.isarray": "^3.0.0" - } - }, - "lodash.map": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-3.1.4.tgz", - "integrity": "sha1-tIOs0beGxce0ksSV97UmYim8AMI=", - "requires": { - "lodash._arraymap": "^3.0.0", - "lodash._basecallback": "^3.0.0", - "lodash._baseeach": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.keys": "^3.0.0" - } - }, - "lodash.pairs": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz", - "integrity": "sha1-u+CNV4bu6qCaFckevw3LfSvjJqk=", - "requires": { - "lodash.keys": "^3.0.0" - } - }, - "lodash.pluck": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.pluck/-/lodash.pluck-3.1.2.tgz", - "integrity": "sha1-s0fwN0wBafDusE1nLYnOyGMsIjE=", - "requires": { - "lodash._baseget": "^3.0.0", - "lodash._topath": "^3.0.0", - "lodash.isarray": "^3.0.0", - "lodash.map": "^3.0.0" - } - }, - "lodash.toarray": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz", - "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=", - "dev": true - }, - "log-symbols": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", - "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", - "dev": true, - "requires": { - "chalk": "^2.0.1" - } - }, - "logform": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/logform/-/logform-2.1.2.tgz", - "integrity": "sha512-+lZh4OpERDBLqjiwDLpAWNQu6KMjnlXH2ByZwCuSqVPJletw0kTWJf5CgSNAUKn1KUkv3m2cUz/LK8zyEy7wzQ==", - "requires": { - "colors": "^1.2.1", - "fast-safe-stringify": "^2.0.4", - "fecha": "^2.3.3", - "ms": "^2.1.1", - "triple-beam": "^1.3.0" - }, - "dependencies": { - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - } - } - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "lru-cache": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", - "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", - "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" - } - }, - "magic-string": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", - "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", - "requires": { - "sourcemap-codec": "^1.4.4" - } - }, - "map-age-cleaner": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", - "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", - "requires": { - "p-defer": "^1.0.0" - } - }, - "map-cache": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", - "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" - }, - "map-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", - "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", - "requires": { - "object-visit": "^1.0.0" - } - }, - "marked": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.2.tgz", - "integrity": "sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==" - }, - "mdn-data": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz", - "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==" - }, - "mem": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz", - "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==", - "requires": { - "map-age-cleaner": "^0.1.1", - "mimic-fn": "^2.0.0", - "p-is-promise": "^2.0.0" - } - }, - "merge-source-map": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz", - "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==", - "requires": { - "source-map": "^0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "merge2": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", - "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "mime": { - "version": "2.4.4", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", - "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==" - }, - "mime-db": { - "version": "1.40.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", - "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==" - }, - "mime-types": { - "version": "2.1.24", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", - "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", - "requires": { - "mime-db": "1.40.0" - } - }, - "mimic-fn": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", - "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==" - }, - "min-document": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz", - "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=", - "dev": true, - "requires": { - "dom-walk": "^0.1.0" - } - }, - "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" - }, - "mixin-deep": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", - "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", - "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "mkdirp": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", - "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", - "requires": { - "minimist": "0.0.8" - }, - "dependencies": { - "minimist": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", - "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" - } - } - }, - "mocha": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/mocha/-/mocha-5.2.0.tgz", - "integrity": "sha512-2IUgKDhc3J7Uug+FxMXuqIyYzH7gJjXECKe/w43IGgQHTSj3InJi+yAA7T24L9bQMRKiUEHxEX37G5JpVUGLcQ==", - "requires": { - "browser-stdout": "1.3.1", - "commander": "2.15.1", - "debug": "3.1.0", - "diff": "3.5.0", - "escape-string-regexp": "1.0.5", - "glob": "7.1.2", - "growl": "1.10.5", - "he": "1.1.1", - "minimatch": "3.0.4", - "mkdirp": "0.5.1", - "supports-color": "5.4.0" - }, - "dependencies": { - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "requires": { - "ms": "2.0.0" - } - }, - "glob": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", - "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "he": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", - "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" - }, - "supports-color": { - "version": "5.4.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz", - "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==", - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" - }, - "mustache": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/mustache/-/mustache-3.0.1.tgz", - "integrity": "sha512-jFI/4UVRsRYdUbuDTKT7KzfOp7FiD5WzYmmwNwXyUVypC0xjoTL78Fqc0jHUPIvvGD+6DQSPHIt1NE7D1ArsqA==" - }, - "nan": { - "version": "2.13.2", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", - "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", - "dev": true, - "optional": true - }, - "nanomatch": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", - "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - } - }, - "nice-try": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", - "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" - }, - "node-emoji": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz", - "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==", - "dev": true, - "requires": { - "lodash.toarray": "^4.4.0" - } - }, - "node-releases": { - "version": "1.1.58", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.58.tgz", - "integrity": "sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==", - "dev": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", - "dev": true - }, - "normalize.css": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz", - "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==", - "dev": true - }, - "npm-run-path": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", - "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", - "requires": { - "path-key": "^2.0.0" - } - }, - "nth-check": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz", - "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==", - "requires": { - "boolbase": "~1.0.0" - } - }, - "num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", - "dev": true - }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" - }, - "oauth-sign": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", - "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==" - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" - }, - "object-copy": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", - "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", - "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" - }, - "object-visit": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", - "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", - "requires": { - "isobject": "^3.0.0" - } - }, - "object.getownpropertydescriptors": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz", - "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", - "requires": { - "define-properties": "^1.1.2", - "es-abstract": "^1.5.1" - } - }, - "object.pick": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", - "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", - "requires": { - "isobject": "^3.0.1" - } - }, - "object.values": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.0.tgz", - "integrity": "sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==", - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.12.0", - "function-bind": "^1.1.1", - "has": "^1.0.3" - } - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", - "requires": { - "wrappy": "1" - } - }, - "one-time": { - "version": "0.0.4", - "resolved": "https://registry.npmjs.org/one-time/-/one-time-0.0.4.tgz", - "integrity": "sha1-+M33eISCb+Tf+T46nMN7HkSAdC4=" - }, - "os-homedir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", - "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" - }, - "os-locale": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", - "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", - "requires": { - "execa": "^1.0.0", - "lcid": "^2.0.0", - "mem": "^4.0.0" - } - }, - "os-tmpdir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", - "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" - }, - "p-defer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", - "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=" - }, - "p-finally": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", - "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=" - }, - "p-is-promise": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz", - "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==" - }, - "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" - }, - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - }, - "pascalcase": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", - "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" - }, - "path-dirname": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", - "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", - "dev": true - }, - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" - }, - "path-key": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", - "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=" - }, - "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" - }, - "path-type": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", - "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", - "dev": true, - "requires": { - "pify": "^3.0.0" - }, - "dependencies": { - "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", - "dev": true - } - } - }, - "pend": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", - "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=" - }, - "performance-now": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", - "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" - }, - "perfume.js": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/perfume.js/-/perfume.js-5.1.0.tgz", - "integrity": "sha512-ICZ54+V/6v7Qa40oQw7JtA0wcczYJb3azx+g8FP5u1ZawIEjnzAIVeBBkclkfqN1y25p9qjKjhJqvdzk9kugQg==", - "dev": true - }, - "phantomjs-prebuilt": { - "version": "2.1.16", - "resolved": "https://registry.npmjs.org/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz", - "integrity": "sha1-79ISpKOWbTZHaE6ouniFSb4q7+8=", - "requires": { - "es6-promise": "^4.0.3", - "extract-zip": "^1.6.5", - "fs-extra": "^1.0.0", - "hasha": "^2.2.0", - "kew": "^0.7.0", - "progress": "^1.1.8", - "request": "^2.81.0", - "request-progress": "^2.0.1", - "which": "^1.2.10" - }, - "dependencies": { - "fs-extra": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-1.0.0.tgz", - "integrity": "sha1-zTzl9+fLYUWIP8rjGR6Yd/hYeVA=", - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^2.1.0", - "klaw": "^1.0.0" - } - }, - "jsonfile": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", - "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", - "requires": { - "graceful-fs": "^4.1.6" - } - } - } - }, - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", - "requires": { - "pinkie": "^2.0.0" - } - }, - "pixelmatch": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.0.2.tgz", - "integrity": "sha512-b65UpTI40rGFY8QwN6IYuCbpmwAOL6M8d6voX4F3zR99UmDqh7r2QWLxoeHOazBRgEmDUdqNVESDREqFxQS7rQ==", - "dev": true, - "requires": { - "pngjs": "^3.4.0" - } - }, - "pkg-up": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", - "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", - "dev": true, - "requires": { - "find-up": "^2.1.0" - }, - "dependencies": { - "find-up": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", - "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", - "dev": true, - "requires": { - "locate-path": "^2.0.0" - } - }, - "locate-path": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", - "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", - "dev": true, - "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" - } - }, - "p-limit": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", - "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", - "dev": true, - "requires": { - "p-try": "^1.0.0" - } - }, - "p-locate": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", - "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", - "dev": true, - "requires": { - "p-limit": "^1.1.0" - } - }, - "p-try": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", - "dev": true - } - } - }, - "pngjs": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-3.4.0.tgz", - "integrity": "sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==", - "dev": true - }, - "posix-character-classes": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", - "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" - }, - "postcss": { - "version": "7.0.14", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.14.tgz", - "integrity": "sha512-NsbD6XUUMZvBxtQAJuWDJeeC4QFsmWsfozWxCJPWf3M55K9iu2iMDaKqyoOdTJ1R4usBXuxlVFAIo8rZPQD4Bg==", - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-cli": { - "version": "6.1.2", - "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.1.2.tgz", - "integrity": "sha512-jIWfIkqt8cTThSpH8DBaNxHlBf99OKSem2RseRpfVPqWayxHKQB0IWdS/IF5XSGeFU5QslSDTdVHnw6qggXGkA==", - "dev": true, - "requires": { - "chalk": "^2.1.0", - "chokidar": "^2.0.0", - "dependency-graph": "^0.8.0", - "fs-extra": "^7.0.0", - "get-stdin": "^6.0.0", - "globby": "^9.0.0", - "postcss": "^7.0.0", - "postcss-load-config": "^2.0.0", - "postcss-reporter": "^6.0.0", - "pretty-hrtime": "^1.0.3", - "read-cache": "^1.0.0", - "yargs": "^12.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", - "dev": true - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", - "dev": true - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "dev": true, - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "dev": true, - "requires": { - "ansi-regex": "^3.0.0" - } - }, - "yargs": { - "version": "12.0.5", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", - "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", - "dev": true, - "requires": { - "cliui": "^4.0.0", - "decamelize": "^1.2.0", - "find-up": "^3.0.0", - "get-caller-file": "^1.0.1", - "os-locale": "^3.0.0", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^2.0.0", - "which-module": "^2.0.0", - "y18n": "^3.2.1 || ^4.0.0", - "yargs-parser": "^11.1.1" - } - }, - "yargs-parser": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", - "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - } - } - }, - "postcss-functions": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz", - "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", - "dev": true, - "requires": { - "glob": "^7.1.2", - "object-assign": "^4.1.1", - "postcss": "^6.0.9", - "postcss-value-parser": "^3.3.0" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "postcss-import": { - "version": "12.0.1", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz", - "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==", - "dev": true, - "requires": { - "postcss": "^7.0.1", - "postcss-value-parser": "^3.2.3", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" - } - }, - "postcss-js": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", - "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", - "dev": true, - "requires": { - "camelcase-css": "^2.0.1", - "postcss": "^7.0.18" - }, - "dependencies": { - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-load-config": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz", - "integrity": "sha512-V5JBLzw406BB8UIfsAWSK2KSwIJ5yoEIVFb4gVkXci0QdKgA24jLmHZ/ghe/GgX0lJ0/D1uUK1ejhzEY94MChQ==", - "dev": true, - "requires": { - "cosmiconfig": "^4.0.0", - "import-cwd": "^2.0.0" - } - }, - "postcss-modules-local-by-default": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz", - "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=", - "requires": { - "css-selector-tokenizer": "^0.7.0", - "postcss": "^6.0.1" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "postcss-modules-scope": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz", - "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=", - "requires": { - "css-selector-tokenizer": "^0.7.0", - "postcss": "^6.0.1" - }, - "dependencies": { - "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - } - } - }, - "postcss-modules-sync": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-sync/-/postcss-modules-sync-1.0.0.tgz", - "integrity": "sha1-YZpxnPeN0WpINBNRQLMkz3czS+E=", - "requires": { - "generic-names": "^1.0.2", - "icss-replace-symbols": "^1.0.2", - "postcss": "^5.2.5", - "postcss-modules-local-by-default": "^1.1.1", - "postcss-modules-scope": "^1.0.2", - "string-hash": "^1.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - }, - "dependencies": { - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" - } - } - }, - "has-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", - "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=" - }, - "postcss": { - "version": "5.2.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", - "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", - "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" - } - }, - "supports-color": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", - "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", - "requires": { - "has-flag": "^1.0.0" - } - } - } - }, - "postcss-nested": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", - "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", - "dev": true, - "requires": { - "postcss": "^7.0.21", - "postcss-selector-parser": "^6.0.2" - }, - "dependencies": { - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "postcss": { - "version": "7.0.32", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", - "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss-reporter": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", - "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", - "dev": true, - "requires": { - "chalk": "^2.4.1", - "lodash": "^4.17.11", - "log-symbols": "^2.2.0", - "postcss": "^7.0.7" - } - }, - "postcss-selector-parser": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz", - "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==", - "requires": { - "cssesc": "^2.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "postcss-value-parser": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", - "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==", - "dev": true - }, - "prettier": { - "version": "1.16.3", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz", - "integrity": "sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==" - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", - "dev": true - }, - "prettysize": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/prettysize/-/prettysize-1.1.0.tgz", - "integrity": "sha512-U5Noa+FYV1dGkICyLJz8IWlDUehPF4Bk9tZRO8YqPhLA9EoiHuFqtnpWY2mvMjHh5eOLo82HipeLn4RIiSsGqQ==" - }, - "private": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz", - "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==" - }, - "process": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz", - "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=", - "dev": true - }, - "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" - }, - "progress": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/progress/-/progress-1.1.8.tgz", - "integrity": "sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=" - }, - "proxy-from-env": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz", - "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=" - }, - "pseudomap": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", - "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" - }, - "psl": { - "version": "1.1.32", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", - "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==" - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" - }, - "puppeteer": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.19.0.tgz", - "integrity": "sha512-2S6E6ygpoqcECaagDbBopoSOPDv0pAZvTbnBgUY+6hq0/XDFDOLEMNlHF/SKJlzcaZ9ckiKjKDuueWI3FN/WXw==", - "requires": { - "debug": "^4.1.0", - "extract-zip": "^1.6.6", - "https-proxy-agent": "^2.2.1", - "mime": "^2.0.3", - "progress": "^2.0.1", - "proxy-from-env": "^1.0.0", - "rimraf": "^2.6.1", - "ws": "^6.1.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - }, - "progress": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", - "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==" - } - } - }, - "purgecss": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-1.2.0.tgz", - "integrity": "sha512-iO2bkR8i+4bcBC0lid0YHDW9Z9pou7FHvBcfcnqPiKSP6LkDcjZTl0HHtCJ37POp82ZQFK7GWz+GFUNwM8GstA==", - "dev": true, - "requires": { - "glob": "^7.1.3", - "postcss": "^7.0.14", - "postcss-selector-parser": "^6.0.0", - "yargs": "^13.2.2" - }, - "dependencies": { - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - } - } - }, - "q": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", - "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=" - }, - "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" - }, - "querystring": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz", - "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=" - }, - "read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", - "dev": true, - "requires": { - "pify": "^2.3.0" - }, - "dependencies": { - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - } - }, - "reduce-css-calc": { - "version": "2.1.7", - "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz", - "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", - "dev": true, - "requires": { - "css-unit-converter": "^1.1.1", - "postcss-value-parser": "^3.3.0" - } - }, - "regenerate": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz", - "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==" - }, - "regenerate-unicode-properties": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz", - "integrity": "sha512-s5NGghCE4itSlUS+0WUj88G6cfMVMmH8boTPNvABf8od+2dhT9WDlWu8n01raQAJZMOK8Ch6jSexaRO7swd6aw==", - "requires": { - "regenerate": "^1.4.0" - } - }, - "regenerator-runtime": { - "version": "0.11.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", - "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" - }, - "regenerator-transform": { - "version": "0.10.1", - "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz", - "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==", - "requires": { - "babel-runtime": "^6.18.0", - "babel-types": "^6.19.0", - "private": "^0.1.6" - } - }, - "regex-not": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", - "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", - "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" - } - }, - "regexpu-core": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", - "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", - "requires": { - "regenerate": "^1.4.0", - "regenerate-unicode-properties": "^7.0.0", - "regjsgen": "^0.5.0", - "regjsparser": "^0.6.0", - "unicode-match-property-ecmascript": "^1.0.4", - "unicode-match-property-value-ecmascript": "^1.0.2" - } - }, - "regjsgen": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.0.tgz", - "integrity": "sha512-RnIrLhrXCX5ow/E5/Mh2O4e/oa1/jW0eaBKTSy3LaCj+M3Bqvm97GWDp2yUtzIs4LEn65zR2yiYGFqb2ApnzDA==" - }, - "regjsparser": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.0.tgz", - "integrity": "sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==", - "requires": { - "jsesc": "~0.5.0" - } - }, - "remove-trailing-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", - "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" - }, - "repeat-element": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", - "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" - }, - "repeating": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", - "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", - "requires": { - "is-finite": "^1.0.0" - } - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "request": { - "version": "2.88.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", - "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.0", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.4.3", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "request-progress": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-2.0.1.tgz", - "integrity": "sha1-XTa7V5YcZzqlt4jbyBQf3yO0Tgg=", - "requires": { - "throttleit": "^1.0.0" - } - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" - }, - "require-from-string": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true - }, - "require-main-filename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", - "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", - "dev": true - }, - "resolve": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.0.tgz", - "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", - "requires": { - "path-parse": "^1.0.6" - } - }, - "resolve-from": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", - "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", - "dev": true - }, - "resolve-url": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", - "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" - }, - "ret": { - "version": "0.1.15", - "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", - "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" - }, - "rimraf": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", - "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", - "requires": { - "glob": "^7.1.3" - } - }, - "rollup": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.2.2.tgz", - "integrity": "sha512-fsn5KJcfSuejjrv8GV7kZNciElqxyzZdUq8rA3e528JsR3ccxrWwoptyUY8GGLlgMFAQMB3dZW8nWF2I1/xrZA==", - "requires": { - "@types/estree": "0.0.39", - "@types/node": "*", - "acorn": "^6.1.0" - } - }, - "rollup-plugin-buble": { - "version": "0.19.6", - "resolved": "https://registry.npmjs.org/rollup-plugin-buble/-/rollup-plugin-buble-0.19.6.tgz", - "integrity": "sha512-El5Fut4/wEO17ZN/n9BZvqd7DXXB2WbJr/DKvr89LXChC/cHllE0XwiUDeAalrTkgr0WrnyLDTCQvEv+cGywWQ==", - "requires": { - "buble": "^0.19.6", - "rollup-pluginutils": "^2.3.3" - } - }, - "rollup-plugin-commonjs": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.2.0.tgz", - "integrity": "sha512-0RM5U4Vd6iHjL6rLvr3lKBwnPsaVml+qxOGaaNUWN1lSq6S33KhITOfHmvxV3z2vy9Mk4t0g4rNlVaJJsNQPWA==", - "requires": { - "estree-walker": "^0.5.2", - "magic-string": "^0.25.1", - "resolve": "^1.8.1", - "rollup-pluginutils": "^2.3.3" - }, - "dependencies": { - "estree-walker": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz", - "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==" - } - } - }, - "rollup-plugin-node-resolve": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-4.2.3.tgz", - "integrity": "sha512-r+WaesPzdGEynpLZLALFEDugA4ACa5zn7bc/+LVX4vAXQQ8IgDHv0xfsSvJ8tDXUtprfBtrDtRFg27ifKjcJTg==", - "dev": true, - "requires": { - "@types/resolve": "0.0.8", - "builtin-modules": "^3.1.0", - "is-module": "^1.0.0", - "resolve": "^1.10.0" - } - }, - "rollup-plugin-vue": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-4.7.2.tgz", - "integrity": "sha512-RuAK+YTL81/iccOWoadqQz2TXqOogivjbvtCuU6EfVP9/E5XIjuMNVsVWHkSelZQblI1z2b5tshWL7XoiOfABQ==", - "requires": { - "@vue/component-compiler": "^3.6", - "@vue/component-compiler-utils": "^2.1.0", - "debug": "^4.1.1", - "hash-sum": "^1.0.2", - "magic-string": "^0.25.2", - "querystring": "^0.2.0", - "rollup-pluginutils": "^2.0.1", - "source-map": "0.7.3", - "vue-runtime-helpers": "1.0.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" - }, - "source-map": { - "version": "0.7.3", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", - "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==" - } - } - }, - "rollup-pluginutils": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.4.1.tgz", - "integrity": "sha512-wesMQ9/172IJDIW/lYWm0vW0LiKe5Ekjws481R7z9WTRtmO59cqyM/2uUlxvf6yzm/fElFmHUobeQOYz46dZJw==", - "requires": { - "estree-walker": "^0.6.0", - "micromatch": "^3.1.10" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" - }, - "safe-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", - "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", - "requires": { - "ret": "~0.1.10" - } - }, - "safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" - }, - "sax": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", - "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==" - }, - "semver": { - "version": "5.7.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", - "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==" - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" - }, - "set-value": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", - "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "shebang-command": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", - "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", - "requires": { - "shebang-regex": "^1.0.0" - } - }, - "shebang-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", - "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=" - }, - "should": { - "version": "13.2.3", - "resolved": "https://registry.npmjs.org/should/-/should-13.2.3.tgz", - "integrity": "sha512-ggLesLtu2xp+ZxI+ysJTmNjh2U0TsC+rQ/pfED9bUZZ4DKefP27D+7YJVVTvKsmjLpIi9jAa7itwDGkDDmt1GQ==", - "requires": { - "should-equal": "^2.0.0", - "should-format": "^3.0.3", - "should-type": "^1.4.0", - "should-type-adaptors": "^1.0.1", - "should-util": "^1.0.0" - } - }, - "should-equal": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/should-equal/-/should-equal-2.0.0.tgz", - "integrity": "sha512-ZP36TMrK9euEuWQYBig9W55WPC7uo37qzAEmbjHz4gfyuXrEUgF8cUvQVO+w+d3OMfPvSRQJ22lSm8MQJ43LTA==", - "requires": { - "should-type": "^1.4.0" - } - }, - "should-format": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/should-format/-/should-format-3.0.3.tgz", - "integrity": "sha1-m/yPdPo5IFxT04w01xcwPidxJPE=", - "requires": { - "should-type": "^1.3.0", - "should-type-adaptors": "^1.0.1" - } - }, - "should-type": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/should-type/-/should-type-1.4.0.tgz", - "integrity": "sha1-B1bYzoRt/QmEOmlHcZ36DUz/XPM=" - }, - "should-type-adaptors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/should-type-adaptors/-/should-type-adaptors-1.1.0.tgz", - "integrity": "sha512-JA4hdoLnN+kebEp2Vs8eBe9g7uy0zbRo+RMcU0EsNy+R+k049Ki+N5tT5Jagst2g7EAja+euFuoXFCa8vIklfA==", - "requires": { - "should-type": "^1.3.0", - "should-util": "^1.0.0" - } - }, - "should-util": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/should-util/-/should-util-1.0.0.tgz", - "integrity": "sha1-yYzaN0qmsZDfi6h8mInCtNtiAGM=" - }, - "signal-exit": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", - "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" - }, - "simple-swizzle": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", - "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=", - "requires": { - "is-arrayish": "^0.3.1" - }, - "dependencies": { - "is-arrayish": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", - "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==" - } - } - }, - "slash": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", - "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", - "dev": true - }, - "snapdragon": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", - "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", - "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "snapdragon-node": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", - "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", - "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "snapdragon-util": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", - "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", - "requires": { - "kind-of": "^3.2.0" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" - }, - "source-map-resolve": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", - "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", - "requires": { - "atob": "^2.1.1", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" - } - }, - "source-map-support": { - "version": "0.4.18", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", - "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", - "requires": { - "source-map": "^0.5.6" - } - }, - "source-map-url": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", - "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=" - }, - "sourcemap-codec": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz", - "integrity": "sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==" - }, - "split-string": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", - "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", - "requires": { - "extend-shallow": "^3.0.0" - } - }, - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" - }, - "sshpk": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", - "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", - "requires": { - "asn1": "~0.2.3", - "assert-plus": "^1.0.0", - "bcrypt-pbkdf": "^1.0.0", - "dashdash": "^1.12.0", - "ecc-jsbn": "~0.1.1", - "getpass": "^0.1.1", - "jsbn": "~0.1.0", - "safer-buffer": "^2.0.2", - "tweetnacl": "~0.14.0" - } - }, - "stable": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", - "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==" - }, - "stack-trace": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", - "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" - }, - "static-extend": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", - "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", - "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "string-hash": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz", - "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=" - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - }, - "dependencies": { - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - } - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "strip-eof": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", - "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=" - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "requires": { - "has-flag": "^3.0.0" - } - }, - "svg-sprite": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/svg-sprite/-/svg-sprite-1.5.0.tgz", - "integrity": "sha512-0mE5BLY3K8wg3+HrYfzpiKbIM44IGcg8uINED8ri22EdQbLvGecOHjRtkrNAlphbiU5kyGyqoBlIaukL45fs2Q==", - "requires": { - "async": "^2.6.1", - "css-selector-parser": "^1.3.0", - "cssmin": "^0.4.3", - "cssom": "^0.3.4", - "dateformat": "^3.0.3", - "glob": "^7.1.3", - "js-yaml": "^3.12.0", - "lodash": "^4.17.11", - "lodash.pluck": "^3.1.2", - "mkdirp": "^0.5.1", - "mocha": "^5.2.0", - "mustache": "^3.0.0", - "phantomjs-prebuilt": "^2.1.16", - "prettysize": "^1.1.0", - "should": "^13.2.3", - "svgo": "^1.1.1", - "vinyl": "^2.2.0", - "winston": "^3.1.0", - "xmldom": "0.1.27", - "xpath": "^0.0.27", - "yargs": "^12.0.2" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" - }, - "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", - "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - } - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "requires": { - "ansi-regex": "^3.0.0" - } - }, - "yargs": { - "version": "12.0.5", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", - "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", - "requires": { - "cliui": "^4.0.0", - "decamelize": "^1.2.0", - "find-up": "^3.0.0", - "get-caller-file": "^1.0.1", - "os-locale": "^3.0.0", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^2.0.0", - "which-module": "^2.0.0", - "y18n": "^3.2.1 || ^4.0.0", - "yargs-parser": "^11.1.1" - } - }, - "yargs-parser": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", - "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - } - } - }, - "svgo": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.2.2.tgz", - "integrity": "sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==", - "requires": { - "chalk": "^2.4.1", - "coa": "^2.0.2", - "css-select": "^2.0.0", - "css-select-base-adapter": "^0.1.1", - "css-tree": "1.0.0-alpha.28", - "css-url-regex": "^1.1.0", - "csso": "^3.5.1", - "js-yaml": "^3.13.1", - "mkdirp": "~0.5.1", - "object.values": "^1.1.0", - "sax": "~1.2.4", - "stable": "^0.1.8", - "unquote": "~1.1.1", - "util.promisify": "~1.0.0" - } - }, - "tailwindcss": { - "version": "1.4.6", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.4.6.tgz", - "integrity": "sha512-qV0qInUq1FWih39Bc5CWECdgObSzRrbjGD4ke4kAPSIq6WXrPhv0wwOcUWJgJ66ltT9j+XnSRYikG8WNRU/fTQ==", - "dev": true, - "requires": { - "@fullhuman/postcss-purgecss": "^2.1.2", - "autoprefixer": "^9.4.5", - "browserslist": "^4.12.0", - "bytes": "^3.0.0", - "chalk": "^4.0.0", - "color": "^3.1.2", - "detective": "^5.2.0", - "fs-extra": "^8.0.0", - "lodash": "^4.17.15", - "node-emoji": "^1.8.1", - "normalize.css": "^8.0.1", - "postcss": "^7.0.11", - "postcss-functions": "^3.0.0", - "postcss-js": "^2.0.0", - "postcss-nested": "^4.1.1", - "postcss-selector-parser": "^6.0.0", - "pretty-hrtime": "^1.0.3", - "reduce-css-calc": "^2.1.6", - "resolve": "^1.14.2" - }, - "dependencies": { - "@fullhuman/postcss-purgecss": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.2.0.tgz", - "integrity": "sha512-q4zYAn8L9olA5uneaLhxkHRBoug9dnAqytbdX9R5dbzSORobhYr1yGR2JN3Q1UMd5RB0apm1NvJekHaymal/BQ==", - "dev": true, - "requires": { - "postcss": "7.0.28", - "purgecss": "^2.2.0" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss": { - "version": "7.0.28", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", - "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - } - } - }, - "chalk": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", - "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", - "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", - "dev": true, - "requires": { - "@types/color-name": "^1.1.1", - "color-convert": "^2.0.1" - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", - "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "color": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", - "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", - "dev": true, - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - }, - "dependencies": { - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true - } - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "commander": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", - "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", - "dev": true - }, - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "fs-extra": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", - "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "graceful-fs": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", - "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", - "dev": true - }, - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - }, - "postcss-selector-parser": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", - "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" - } - }, - "purgecss": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.2.1.tgz", - "integrity": "sha512-wngRSLW1dpNr8kr3TL9nTJMyTFI5BiRiaUUEys5M1CA4zEHLF25fRHoshEeDqmhstaNTOddmpYM34zRrUtEGbQ==", - "dev": true, - "requires": { - "commander": "^5.0.0", - "glob": "^7.0.0", - "postcss": "7.0.28", - "postcss-selector-parser": "^6.0.2" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "postcss": { - "version": "7.0.28", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", - "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" - } - } - } - }, - "resolve": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", - "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", - "dev": true, - "requires": { - "path-parse": "^1.0.6" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "tailwindcss-aspect-ratio": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/tailwindcss-aspect-ratio/-/tailwindcss-aspect-ratio-3.0.0.tgz", - "integrity": "sha512-syVueHOdk0u6S9lFSQQxHwsYS+9AJ0tp1WWBB+vAwmJYzc9g/2OLwq4mHpigYue6t3PUgTSbRi9unQd7WEDjGQ==", - "dev": true, - "requires": { - "lodash": "^4.17.15" - }, - "dependencies": { - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - } - } - }, - "tailwindcss-transitions": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/tailwindcss-transitions/-/tailwindcss-transitions-1.0.4.tgz", - "integrity": "sha512-nK+qUWhHCTspQjdLxpK0SXVdaXbjxVuX2kNvvGaK3Df64RbOaOLjOv0h+ifvLFy2cesAstckvqlAzd/yqFRk0g==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - }, - "text-hex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz", - "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==" - }, - "throttleit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz", - "integrity": "sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=" - }, - "to-fast-properties": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz", - "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=" - }, - "to-object-path": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", - "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "to-regex": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", - "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", - "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - }, - "tough-cookie": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", - "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", - "requires": { - "psl": "^1.1.24", - "punycode": "^1.4.1" - }, - "dependencies": { - "punycode": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=" - } - } - }, - "trim-right": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", - "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=" - }, - "triple-beam": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz", - "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==" - }, - "tunnel-agent": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", - "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", - "requires": { - "safe-buffer": "^5.0.1" - } - }, - "tweetnacl": { - "version": "0.14.5", - "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", - "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" - }, - "typedarray": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", - "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" - }, - "unicode-canonical-property-names-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", - "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==" - }, - "unicode-match-property-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz", - "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==", - "requires": { - "unicode-canonical-property-names-ecmascript": "^1.0.4", - "unicode-property-aliases-ecmascript": "^1.0.4" - } - }, - "unicode-match-property-value-ecmascript": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.0.2.tgz", - "integrity": "sha512-Rx7yODZC1L/T8XKo/2kNzVAQaRE88AaMvI1EF/Xnj3GW2wzN6fop9DDWuFAKUVFH7vozkz26DzP0qyWLKLIVPQ==" - }, - "unicode-property-aliases-ecmascript": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz", - "integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==" - }, - "union-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", - "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", - "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^0.4.3" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "requires": { - "is-extendable": "^0.1.0" - } - }, - "set-value": { - "version": "0.4.3", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", - "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.1", - "to-object-path": "^0.3.0" - } - } - } - }, - "uniq": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", - "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" - }, - "universal-analytics": { - "version": "0.4.23", - "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.23.tgz", - "integrity": "sha512-lgMIH7XBI6OgYn1woDEmxhGdj8yDefMKg7GkWdeATAlQZFrMrNyxSkpDzY57iY0/6fdlzTbBV03OawvvzG+q7A==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "request": "^2.88.2", - "uuid": "^3.0.0" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "request": { - "version": "2.88.2", - "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", - "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", - "dev": true, - "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.3", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.5.0", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" - } - }, - "tough-cookie": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", - "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", - "dev": true, - "requires": { - "psl": "^1.1.28", - "punycode": "^2.1.1" - } - } - } - }, - "universalify": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", - "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" - }, - "unquote": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz", - "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=" - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" - } - } - }, - "upath": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", - "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", - "dev": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "requires": { - "punycode": "^2.1.0" - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" - }, - "use": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" - }, - "util.promisify": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz", - "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==", - "requires": { - "define-properties": "^1.1.2", - "object.getownpropertydescriptors": "^2.0.3" - } - }, - "uuid": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", - "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==" - }, - "v-lazy-image": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/v-lazy-image/-/v-lazy-image-1.3.2.tgz", - "integrity": "sha512-yZYMLoy95S4K9mWE/2DMZcwvaWnGiAHGXcKRruyrFvAdFm2fsnfyL0yj2UwXEGliNZO7I4mRy9/RB7J4CT0HAQ==" - }, - "verror": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", - "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", - "requires": { - "assert-plus": "^1.0.0", - "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" - } - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } - }, - "vlq": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.0.tgz", - "integrity": "sha512-o3WmXySo+oI5thgqr7Qy8uBkT/v9Zr+sRyrh1lr8aWPUkgDWdWt4Nae2WKBrLsocgE8BuWWD0jLc+VW8LeU+2g==" - }, - "vue": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.7.tgz", - "integrity": "sha512-g7ADfQ82QU+j6F/bVDioVQf2ccIMYLuR4E8ev+RsDBlmwRkhGO3HhgF4PF9vpwjdPpxyb1zzLur2nQ2oIMAMEg==" - }, - "vue-carousel": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/vue-carousel/-/vue-carousel-0.18.0.tgz", - "integrity": "sha512-a2zxh7QJioDxNMguqcuJ7TPbfgK5bGDaAXIia7NWxPAWsEvNE4ZtHgsGu40L5Aha4uyjmNKXvleB14QAXFoKig==", - "dev": true, - "requires": { - "global": "^4.3.2", - "regenerator-runtime": "^0.12.1", - "vue": "^2.5.17" - }, - "dependencies": { - "regenerator-runtime": { - "version": "0.12.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz", - "integrity": "sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==", - "dev": true - } - } - }, - "vue-runtime-helpers": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/vue-runtime-helpers/-/vue-runtime-helpers-1.0.0.tgz", - "integrity": "sha512-DgwCNgIXkq1GJsWwtFOjA/K2nxpjyon/QqAut0EiwrMHBatAPbfdqksDdRoK15b5YrSJRa59rx3pc0L6V4udUA==" - }, - "vue-template-compiler": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.7.tgz", - "integrity": "sha512-ZjxJLr6Lw2gj6aQGKwBWTxVNNd28/qggIdwvr5ushrUHUvqgbHD0xusOVP2yRxT4pX3wRIJ2LfxjgFT41dEtoQ==", - "requires": { - "de-indent": "^1.0.2", - "he": "^1.1.0" - } - }, - "vue-template-es2015-compiler": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.0.tgz", - "integrity": "sha512-daCQZUxBC8nFHkEHRYDA8Zn90T+FxJ4R3zOcn/G8HAxdJK304T+Qtw/ui5Qg8L/Rg7fUQ4ZE4wvgESlR/LArxg==" - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "requires": { - "isexe": "^2.0.0" - } - }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=" - }, - "winston": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/winston/-/winston-3.2.1.tgz", - "integrity": "sha512-zU6vgnS9dAWCEKg/QYigd6cgMVVNwyTzKs81XZtTFuRwJOcDdBg7AU0mXVyNbs7O5RH2zdv+BdNZUlx7mXPuOw==", - "requires": { - "async": "^2.6.1", - "diagnostics": "^1.1.1", - "is-stream": "^1.1.0", - "logform": "^2.1.1", - "one-time": "0.0.4", - "readable-stream": "^3.1.1", - "stack-trace": "0.0.x", - "triple-beam": "^1.3.0", - "winston-transport": "^4.3.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", - "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "winston-transport": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.3.0.tgz", - "integrity": "sha512-B2wPuwUi3vhzn/51Uukcao4dIduEiPOcOt9HJ3QeaXgkJ5Z7UwpBzxS4ZGNHtrxrUvTwemsQiSys0ihOf8Mp1A==", - "requires": { - "readable-stream": "^2.3.6", - "triple-beam": "^1.2.0" - } - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - }, - "dependencies": { - "is-blockwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-blockwidth-code-point/-/is-blockwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - } - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" - }, - "ws": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz", - "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==", - "requires": { - "async-limiter": "~1.0.0" - } - }, - "xmldom": { - "version": "0.1.27", - "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.27.tgz", - "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=" - }, - "xpath": { - "version": "0.0.27", - "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz", - "integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==" - }, - "xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true - }, - "y18n": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", - "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==" - }, - "yallist": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", - "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=" - }, - "yargs": { - "version": "13.2.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.2.tgz", - "integrity": "sha512-WyEoxgyTD3w5XRpAQNYUB9ycVH/PQrToaTXdYXRdOXvEy1l19br+VJsc0vcO8PTGg5ro/l/GY7F/JMEBmI0BxA==", - "dev": true, - "requires": { - "cliui": "^4.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "os-locale": "^3.1.0", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.0.0" - } - }, - "yargs-parser": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.0.0.tgz", - "integrity": "sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - }, - "yauzl": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz", - "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=", - "requires": { - "fd-slicer": "~1.0.1" - } - } - } + "name": "build", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "@analytics/cookie-utils": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/@analytics/cookie-utils/-/cookie-utils-0.2.3.tgz", + "integrity": "sha512-RiMAVpSluRbWb2hlT9wMJ0r2l+MUZzScYjY+w2iWRzjOr9Zzzs4tYzJT6Sd94PDz3LzCuf4aGOwS6pkKXTEBLw==", + "dev": true + }, + "@analytics/core": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@analytics/core/-/core-0.6.0.tgz", + "integrity": "sha512-niKC+NRCdVnrTW/cQqfMOrxZSIzQBQ0aavRIUwgdNAiSYXbtlGvsM24ylAKC+EwXMkwf9c4n3QbxxHtNpnvszw==", + "dev": true, + "requires": { + "analytics-utils": "^0.2.2" + } + }, + "@analytics/google-analytics": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@analytics/google-analytics/-/google-analytics-0.4.0.tgz", + "integrity": "sha512-IuXKIdThT/AqUxeOY3Oe8TCFd6JsAzdXUHtnzCGwQyCH1SzEQwjvSqBnBrGdZdg+FbstNAgpeBIRdffa6vQRUQ==", + "dev": true, + "requires": { + "universal-analytics": "^0.4.20" + } + }, + "@analytics/perfumejs": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@analytics/perfumejs/-/perfumejs-0.2.0.tgz", + "integrity": "sha512-youixRV59Set4W6YshBZ1m3gLLMtqJzyJrNBPIddH1Rb+4A0+ExV316bhfjfO+rAn4dt/KkPlvBDrFlYh2YIng==", + "dev": true + }, + "@analytics/storage-utils": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/@analytics/storage-utils/-/storage-utils-0.2.4.tgz", + "integrity": "sha512-VHRggJbRY8vHIADWVwbq9cZux0L9LdmlN31XA3daVAI4gMkKdQEocxB7KqGDt6SfIJ3NYi/qh1nRJGooYmTBiA==", + "dev": true, + "requires": { + "@analytics/cookie-utils": "^0.2.3" + } + }, + "@fullhuman/postcss-purgecss": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-1.1.0.tgz", + "integrity": "sha512-NaNJgn4ZtrWveVnele/eCW/AJYL6dwG6AW86QYQQsqOsXy8rHsA1LoDxuFye0a9PKA7lbH3h4/OxzMwkGDCqXQ==", + "dev": true, + "requires": { + "purgecss": "^1.0.0" + } + }, + "@mrmlnc/readdir-enhanced": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", + "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==", + "dev": true, + "requires": { + "call-me-maybe": "^1.0.1", + "glob-to-regexp": "^0.3.0" + } + }, + "@nodelib/fs.stat": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz", + "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", + "dev": true + }, + "@types/color-name": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", + "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==", + "dev": true + }, + "@types/estree": { + "version": "0.0.39", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", + "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==" + }, + "@types/events": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", + "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", + "dev": true + }, + "@types/glob": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", + "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", + "dev": true, + "requires": { + "@types/events": "*", + "@types/minimatch": "*", + "@types/node": "*" + } + }, + "@types/minimatch": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", + "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", + "dev": true + }, + "@types/node": { + "version": "11.9.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-11.9.4.tgz", + "integrity": "sha512-Zl8dGvAcEmadgs1tmSPcvwzO1YRsz38bVJQvH1RvRqSR9/5n61Q1ktcDL0ht3FXWR+ZpVmXVwN1LuH4Ax23NsA==" + }, + "@types/q": { + "version": "1.5.2", + "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz", + "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==" + }, + "@types/resolve": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", + "integrity": "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, + "@vue/component-compiler": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@vue/component-compiler/-/component-compiler-3.6.0.tgz", + "integrity": "sha512-NIA0vmOI4zbtJAn69iZls8IJ8VxmguswAuiUdu8TcR+YYTYzntfw290HUCSFjzAdRg+FUWZv8r+wc3TzJ/IjwA==", + "requires": { + "@vue/component-compiler-utils": "^2.1.0", + "clean-css": "^4.1.11", + "hash-sum": "^1.0.2", + "postcss-modules-sync": "^1.0.0", + "source-map": "0.6.*" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "@vue/component-compiler-utils": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz", + "integrity": "sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==", + "requires": { + "consolidate": "^0.15.1", + "hash-sum": "^1.0.2", + "lru-cache": "^4.1.2", + "merge-source-map": "^1.1.0", + "postcss": "^7.0.14", + "postcss-selector-parser": "^5.0.0", + "prettier": "1.16.3", + "source-map": "~0.6.1", + "vue-template-es2015-compiler": "^1.9.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "acorn": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.1.0.tgz", + "integrity": "sha512-MW/FjM+IvU9CgBzjO3UIPCE2pyEwUsoFl+VGdczOPEdxfGFjuKny/gN54mOuX7Qxmb9Rg9MCn2oKiSUeW+pjrw==" + }, + "acorn-node": { + "version": "1.8.2", + "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz", + "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==", + "dev": true, + "requires": { + "acorn": "^7.0.0", + "acorn-walk": "^7.0.0", + "xtend": "^4.0.2" + }, + "dependencies": { + "acorn": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.2.0.tgz", + "integrity": "sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==", + "dev": true + } + } + }, + "acorn-walk": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz", + "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==", + "dev": true + }, + "agent-base": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz", + "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==", + "requires": { + "es6-promisify": "^5.0.0" + } + }, + "ajv": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.0.tgz", + "integrity": "sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==", + "requires": { + "fast-deep-equal": "^2.0.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, + "analytics": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/analytics/-/analytics-0.5.3.tgz", + "integrity": "sha512-yrM/XClBqddN50GYytbdnD/UagHFujx4U4TNw7KRpj1r4wUE4aiz1usKdKg6GKJDr3ojSgoRRQONQiOjS3sEDw==", + "dev": true, + "requires": { + "@analytics/core": "^0.6.0", + "@analytics/storage-utils": "^0.2.4" + } + }, + "analytics-utils": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-0.2.2.tgz", + "integrity": "sha512-fdbc+MeoNrkwCAbGD/qgedyvRbPnImmWiInAgZ51KpINmKITpdtWV+6riHVA1YBSrb8IyYlfxn98IeWyN9a0+Q==", + "dev": true, + "requires": { + "@analytics/storage-utils": "^0.2.4", + "dlv": "^1.1.3" + } + }, + "ansi-regex": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "requires": { + "color-convert": "^1.9.0" + } + }, + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "dev": true, + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "dev": true, + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } + } + }, + "argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "requires": { + "sprintf-js": "~1.0.2" + } + }, + "arr-diff": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", + "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" + }, + "arr-flatten": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", + "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" + }, + "arr-union": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", + "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" + }, + "array-union": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", + "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", + "dev": true, + "requires": { + "array-uniq": "^1.0.1" + } + }, + "array-uniq": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", + "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", + "dev": true + }, + "array-unique": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", + "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" + }, + "asn1": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", + "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "requires": { + "safer-buffer": "~2.1.0" + } + }, + "assert-plus": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", + "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" + }, + "assign-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", + "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" + }, + "async": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz", + "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==", + "requires": { + "lodash": "^4.17.11" + } + }, + "async-each": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", + "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", + "dev": true + }, + "async-limiter": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", + "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" + }, + "asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=" + }, + "atob": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", + "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" + }, + "autoprefixer": { + "version": "9.8.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.0.tgz", + "integrity": "sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==", + "dev": true, + "requires": { + "browserslist": "^4.12.0", + "caniuse-lite": "^1.0.30001061", + "chalk": "^2.4.2", + "normalize-range": "^0.1.2", + "num2fraction": "^1.2.2", + "postcss": "^7.0.30", + "postcss-value-parser": "^4.1.0" + }, + "dependencies": { + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "postcss-value-parser": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", + "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", + "dev": true + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "aws-sign2": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", + "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=" + }, + "aws4": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz", + "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==" + }, + "babel-code-frame": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz", + "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=", + "requires": { + "chalk": "^1.1.3", + "esutils": "^2.0.2", + "js-tokens": "^3.0.2" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + } + }, + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + } + } + }, + "babel-core": { + "version": "6.26.3", + "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz", + "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==", + "requires": { + "babel-code-frame": "^6.26.0", + "babel-generator": "^6.26.0", + "babel-helpers": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-register": "^6.26.0", + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "convert-source-map": "^1.5.1", + "debug": "^2.6.9", + "json5": "^0.5.1", + "lodash": "^4.17.4", + "minimatch": "^3.0.4", + "path-is-absolute": "^1.0.1", + "private": "^0.1.8", + "slash": "^1.0.0", + "source-map": "^0.5.7" + }, + "dependencies": { + "slash": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", + "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=" + } + } + }, + "babel-generator": { + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz", + "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==", + "requires": { + "babel-messages": "^6.23.0", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "detect-indent": "^4.0.0", + "jsesc": "^1.3.0", + "lodash": "^4.17.4", + "source-map": "^0.5.7", + "trim-right": "^1.0.1" + }, + "dependencies": { + "jsesc": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", + "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=" + } + } + }, + "babel-helper-bindify-decorators": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz", + "integrity": "sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-builder-binary-assignment-operator-visitor": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz", + "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=", + "requires": { + "babel-helper-explode-assignable-expression": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-call-delegate": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz", + "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=", + "requires": { + "babel-helper-hoist-variables": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-define-map": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz", + "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-helper-explode-assignable-expression": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz", + "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-explode-class": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz", + "integrity": "sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=", + "requires": { + "babel-helper-bindify-decorators": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-function-name": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz", + "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=", + "requires": { + "babel-helper-get-function-arity": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-get-function-arity": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz", + "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-hoist-variables": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz", + "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-optimise-call-expression": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz", + "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-helper-regex": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz", + "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-helper-remap-async-to-generator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz", + "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helper-replace-supers": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz", + "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=", + "requires": { + "babel-helper-optimise-call-expression": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-helpers": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz", + "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-messages": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz", + "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-check-es2015-constants": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz", + "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-syntax-async-functions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz", + "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=" + }, + "babel-plugin-syntax-async-generators": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz", + "integrity": "sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=" + }, + "babel-plugin-syntax-class-constructor-call": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz", + "integrity": "sha1-nLnTn+Q8hgC+yBRkVt3L1OGnZBY=" + }, + "babel-plugin-syntax-class-properties": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz", + "integrity": "sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=" + }, + "babel-plugin-syntax-decorators": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz", + "integrity": "sha1-MSVjtNvePMgGzuPkFszurd0RrAs=" + }, + "babel-plugin-syntax-do-expressions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz", + "integrity": "sha1-V0d1YTmqJtOQ0JQQsDdEugfkeW0=" + }, + "babel-plugin-syntax-dynamic-import": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", + "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=" + }, + "babel-plugin-syntax-exponentiation-operator": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz", + "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=" + }, + "babel-plugin-syntax-export-extensions": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz", + "integrity": "sha1-cKFITw+QiaToStRLrDU8lbmxJyE=" + }, + "babel-plugin-syntax-function-bind": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz", + "integrity": "sha1-SMSV8Xe98xqYHnMvVa3AvdJgH0Y=" + }, + "babel-plugin-syntax-object-rest-spread": { + "version": "6.13.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", + "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=" + }, + "babel-plugin-syntax-trailing-function-commas": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz", + "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=" + }, + "babel-plugin-transform-async-generator-functions": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz", + "integrity": "sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=", + "requires": { + "babel-helper-remap-async-to-generator": "^6.24.1", + "babel-plugin-syntax-async-generators": "^6.5.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-async-to-generator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz", + "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=", + "requires": { + "babel-helper-remap-async-to-generator": "^6.24.1", + "babel-plugin-syntax-async-functions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-class-constructor-call": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz", + "integrity": "sha1-gNwoVQWsBn3LjWxl4vbxGrd2Xvk=", + "requires": { + "babel-plugin-syntax-class-constructor-call": "^6.18.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-class-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz", + "integrity": "sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-plugin-syntax-class-properties": "^6.8.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-decorators": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz", + "integrity": "sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=", + "requires": { + "babel-helper-explode-class": "^6.24.1", + "babel-plugin-syntax-decorators": "^6.13.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-do-expressions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz", + "integrity": "sha1-KMyvkoEtlJws0SgfaQyP3EaK6bs=", + "requires": { + "babel-plugin-syntax-do-expressions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-arrow-functions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz", + "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-block-scoped-functions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz", + "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-block-scoping": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz", + "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "lodash": "^4.17.4" + } + }, + "babel-plugin-transform-es2015-classes": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz", + "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=", + "requires": { + "babel-helper-define-map": "^6.24.1", + "babel-helper-function-name": "^6.24.1", + "babel-helper-optimise-call-expression": "^6.24.1", + "babel-helper-replace-supers": "^6.24.1", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-computed-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz", + "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-destructuring": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz", + "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-duplicate-keys": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz", + "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-for-of": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz", + "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-function-name": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz", + "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=", + "requires": { + "babel-helper-function-name": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-literals": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz", + "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-modules-amd": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz", + "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=", + "requires": { + "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-modules-commonjs": { + "version": "6.26.2", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz", + "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==", + "requires": { + "babel-plugin-transform-strict-mode": "^6.24.1", + "babel-runtime": "^6.26.0", + "babel-template": "^6.26.0", + "babel-types": "^6.26.0" + } + }, + "babel-plugin-transform-es2015-modules-systemjs": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz", + "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=", + "requires": { + "babel-helper-hoist-variables": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-modules-umd": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz", + "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=", + "requires": { + "babel-plugin-transform-es2015-modules-amd": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-object-super": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz", + "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=", + "requires": { + "babel-helper-replace-supers": "^6.24.1", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-parameters": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz", + "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=", + "requires": { + "babel-helper-call-delegate": "^6.24.1", + "babel-helper-get-function-arity": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-template": "^6.24.1", + "babel-traverse": "^6.24.1", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-shorthand-properties": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz", + "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-spread": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz", + "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-sticky-regex": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz", + "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=", + "requires": { + "babel-helper-regex": "^6.24.1", + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-plugin-transform-es2015-template-literals": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz", + "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-typeof-symbol": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz", + "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=", + "requires": { + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-es2015-unicode-regex": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz", + "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=", + "requires": { + "babel-helper-regex": "^6.24.1", + "babel-runtime": "^6.22.0", + "regexpu-core": "^2.0.0" + }, + "dependencies": { + "regexpu-core": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz", + "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=", + "requires": { + "regenerate": "^1.2.1", + "regjsgen": "^0.2.0", + "regjsparser": "^0.1.4" + } + }, + "regjsgen": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", + "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" + }, + "regjsparser": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", + "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", + "requires": { + "jsesc": "~0.5.0" + } + } + } + }, + "babel-plugin-transform-exponentiation-operator": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz", + "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=", + "requires": { + "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1", + "babel-plugin-syntax-exponentiation-operator": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-export-extensions": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz", + "integrity": "sha1-U3OLR+deghhYnuqUbLvTkQm75lM=", + "requires": { + "babel-plugin-syntax-export-extensions": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-function-bind": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz", + "integrity": "sha1-xvuOlqwpajELjPjqQBRiQH3fapc=", + "requires": { + "babel-plugin-syntax-function-bind": "^6.8.0", + "babel-runtime": "^6.22.0" + } + }, + "babel-plugin-transform-object-rest-spread": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz", + "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=", + "requires": { + "babel-plugin-syntax-object-rest-spread": "^6.8.0", + "babel-runtime": "^6.26.0" + } + }, + "babel-plugin-transform-regenerator": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz", + "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=", + "requires": { + "regenerator-transform": "^0.10.0" + } + }, + "babel-plugin-transform-strict-mode": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz", + "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=", + "requires": { + "babel-runtime": "^6.22.0", + "babel-types": "^6.24.1" + } + }, + "babel-preset-es2015": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz", + "integrity": "sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=", + "requires": { + "babel-plugin-check-es2015-constants": "^6.22.0", + "babel-plugin-transform-es2015-arrow-functions": "^6.22.0", + "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0", + "babel-plugin-transform-es2015-block-scoping": "^6.24.1", + "babel-plugin-transform-es2015-classes": "^6.24.1", + "babel-plugin-transform-es2015-computed-properties": "^6.24.1", + "babel-plugin-transform-es2015-destructuring": "^6.22.0", + "babel-plugin-transform-es2015-duplicate-keys": "^6.24.1", + "babel-plugin-transform-es2015-for-of": "^6.22.0", + "babel-plugin-transform-es2015-function-name": "^6.24.1", + "babel-plugin-transform-es2015-literals": "^6.22.0", + "babel-plugin-transform-es2015-modules-amd": "^6.24.1", + "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1", + "babel-plugin-transform-es2015-modules-systemjs": "^6.24.1", + "babel-plugin-transform-es2015-modules-umd": "^6.24.1", + "babel-plugin-transform-es2015-object-super": "^6.24.1", + "babel-plugin-transform-es2015-parameters": "^6.24.1", + "babel-plugin-transform-es2015-shorthand-properties": "^6.24.1", + "babel-plugin-transform-es2015-spread": "^6.22.0", + "babel-plugin-transform-es2015-sticky-regex": "^6.24.1", + "babel-plugin-transform-es2015-template-literals": "^6.22.0", + "babel-plugin-transform-es2015-typeof-symbol": "^6.22.0", + "babel-plugin-transform-es2015-unicode-regex": "^6.24.1", + "babel-plugin-transform-regenerator": "^6.24.1" + } + }, + "babel-preset-stage-0": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz", + "integrity": "sha1-VkLRUEL5E4TX5a+LyIsduVsDnmo=", + "requires": { + "babel-plugin-transform-do-expressions": "^6.22.0", + "babel-plugin-transform-function-bind": "^6.22.0", + "babel-preset-stage-1": "^6.24.1" + } + }, + "babel-preset-stage-1": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz", + "integrity": "sha1-dpLNfc1oSZB+auSgqFWJz7niv7A=", + "requires": { + "babel-plugin-transform-class-constructor-call": "^6.24.1", + "babel-plugin-transform-export-extensions": "^6.22.0", + "babel-preset-stage-2": "^6.24.1" + } + }, + "babel-preset-stage-2": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz", + "integrity": "sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=", + "requires": { + "babel-plugin-syntax-dynamic-import": "^6.18.0", + "babel-plugin-transform-class-properties": "^6.24.1", + "babel-plugin-transform-decorators": "^6.24.1", + "babel-preset-stage-3": "^6.24.1" + } + }, + "babel-preset-stage-3": { + "version": "6.24.1", + "resolved": "https://registry.npmjs.org/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz", + "integrity": "sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=", + "requires": { + "babel-plugin-syntax-trailing-function-commas": "^6.22.0", + "babel-plugin-transform-async-generator-functions": "^6.24.1", + "babel-plugin-transform-async-to-generator": "^6.24.1", + "babel-plugin-transform-exponentiation-operator": "^6.24.1", + "babel-plugin-transform-object-rest-spread": "^6.22.0" + } + }, + "babel-register": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz", + "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=", + "requires": { + "babel-core": "^6.26.0", + "babel-runtime": "^6.26.0", + "core-js": "^2.5.0", + "home-or-tmp": "^2.0.0", + "lodash": "^4.17.4", + "mkdirp": "^0.5.1", + "source-map-support": "^0.4.15" + } + }, + "babel-runtime": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", + "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", + "requires": { + "core-js": "^2.4.0", + "regenerator-runtime": "^0.11.0" + } + }, + "babel-template": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz", + "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=", + "requires": { + "babel-runtime": "^6.26.0", + "babel-traverse": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "lodash": "^4.17.4" + } + }, + "babel-traverse": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz", + "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=", + "requires": { + "babel-code-frame": "^6.26.0", + "babel-messages": "^6.23.0", + "babel-runtime": "^6.26.0", + "babel-types": "^6.26.0", + "babylon": "^6.18.0", + "debug": "^2.6.8", + "globals": "^9.18.0", + "invariant": "^2.2.2", + "lodash": "^4.17.4" + } + }, + "babel-types": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", + "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", + "requires": { + "babel-runtime": "^6.26.0", + "esutils": "^2.0.2", + "lodash": "^4.17.4", + "to-fast-properties": "^1.0.3" + } + }, + "babylon": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", + "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==" + }, + "balanced-match": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" + }, + "base": { + "version": "0.11.2", + "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", + "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", + "requires": { + "cache-base": "^1.0.1", + "class-utils": "^0.3.5", + "component-emitter": "^1.2.1", + "define-property": "^1.0.0", + "isobject": "^3.0.1", + "mixin-deep": "^1.2.0", + "pascalcase": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "bcrypt-pbkdf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", + "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", + "requires": { + "tweetnacl": "^0.14.3" + } + }, + "big.js": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz", + "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==" + }, + "binary-extensions": { + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", + "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", + "dev": true + }, + "bluebird": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.3.tgz", + "integrity": "sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw==" + }, + "boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=" + }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "braces": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", + "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", + "requires": { + "arr-flatten": "^1.1.0", + "array-unique": "^0.3.2", + "extend-shallow": "^2.0.1", + "fill-range": "^4.0.0", + "isobject": "^3.0.1", + "repeat-element": "^1.1.2", + "snapdragon": "^0.8.1", + "snapdragon-node": "^2.0.1", + "split-string": "^3.0.2", + "to-regex": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "browser-stdout": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz", + "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==" + }, + "browserslist": { + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.0.tgz", + "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001043", + "electron-to-chromium": "^1.3.413", + "node-releases": "^1.1.53", + "pkg-up": "^2.0.0" + } + }, + "buble": { + "version": "0.19.6", + "resolved": "https://registry.npmjs.org/buble/-/buble-0.19.6.tgz", + "integrity": "sha512-9kViM6nJA1Q548Jrd06x0geh+BG2ru2+RMDkIHHgJY/8AcyCs34lTHwra9BX7YdPrZXd5aarkpr/SY8bmPgPdg==", + "requires": { + "chalk": "^2.4.1", + "magic-string": "^0.25.1", + "minimist": "^1.2.0", + "os-homedir": "^1.0.1", + "regexpu-core": "^4.2.0", + "vlq": "^1.0.0" + } + }, + "buffer-from": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" + }, + "builtin-modules": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.1.0.tgz", + "integrity": "sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==", + "dev": true + }, + "bytes": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", + "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", + "dev": true + }, + "cache-base": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", + "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", + "requires": { + "collection-visit": "^1.0.0", + "component-emitter": "^1.2.1", + "get-value": "^2.0.6", + "has-value": "^1.0.0", + "isobject": "^3.0.1", + "set-value": "^2.0.0", + "to-object-path": "^0.3.0", + "union-value": "^1.0.0", + "unset-value": "^1.0.0" + } + }, + "call-me-maybe": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.1.tgz", + "integrity": "sha1-JtII6onje1y95gJQoV8DHBak1ms=", + "dev": true + }, + "camelcase": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.0.0.tgz", + "integrity": "sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==" + }, + "camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true + }, + "caniuse-lite": { + "version": "1.0.30001079", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001079.tgz", + "integrity": "sha512-2KaYheg0iOY+CMmDuAB3DHehrXhhb4OZU4KBVGDr/YKyYAcpudaiUQ9PJ9rxrPlKEoJ3ATasQ5AN48MqpwS43Q==", + "dev": true + }, + "caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=" + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "chokidar": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.5.tgz", + "integrity": "sha512-i0TprVWp+Kj4WRPtInjexJ8Q+BqTE909VpH8xVhXrJkoc5QC8VO9TryGOqTr+2hljzc1sC62t22h5tZePodM/A==", + "dev": true, + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.1", + "braces": "^2.3.2", + "fsevents": "^1.2.7", + "glob-parent": "^3.1.0", + "inherits": "^2.0.3", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "normalize-path": "^3.0.0", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.2.1", + "upath": "^1.1.1" + } + }, + "class-utils": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", + "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", + "requires": { + "arr-union": "^3.1.0", + "define-property": "^0.2.5", + "isobject": "^3.0.0", + "static-extend": "^0.1.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "clean-css": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", + "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", + "requires": { + "source-map": "~0.6.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "cliui": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz", + "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==", + "requires": { + "string-width": "^2.1.1", + "strip-ansi": "^4.0.0", + "wrap-ansi": "^2.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + } + } + }, + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "clone-buffer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", + "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" + }, + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + }, + "cloneable-readable": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", + "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", + "requires": { + "inherits": "^2.0.1", + "process-nextick-args": "^2.0.0", + "readable-stream": "^2.3.5" + } + }, + "coa": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz", + "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==", + "requires": { + "@types/q": "^1.5.1", + "chalk": "^2.4.1", + "q": "^1.1.2" + } + }, + "code-point-at": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" + }, + "collection-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", + "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", + "requires": { + "map-visit": "^1.0.0", + "object-visit": "^1.0.0" + } + }, + "color": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/color/-/color-3.0.0.tgz", + "integrity": "sha512-jCpd5+s0s0t7p3pHQKpnJ0TpQKKdleP71LWcA0aqiljpiuAkOSUFN/dyH8ZwF0hRmFlrIuRhufds1QyEP9EB+w==", + "requires": { + "color-convert": "^1.9.1", + "color-string": "^1.5.2" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" + }, + "color-string": { + "version": "1.5.3", + "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz", + "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==", + "requires": { + "color-name": "^1.0.0", + "simple-swizzle": "^0.2.2" + } + }, + "colornames": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/colornames/-/colornames-1.1.1.tgz", + "integrity": "sha1-+IiQMGhcfE/54qVZ9Qd+t2qBb5Y=" + }, + "colors": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.3.3.tgz", + "integrity": "sha512-mmGt/1pZqYRjMxB1axhTo16/snVZ5krrKkcmMeVKxzECMMXoCgnvTPp10QgHfcbQZw8Dq2jMNG6je4JlWU0gWg==" + }, + "colorspace": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz", + "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==", + "requires": { + "color": "3.0.x", + "text-hex": "1.0.x" + } + }, + "combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "requires": { + "delayed-stream": "~1.0.0" + } + }, + "commander": { + "version": "2.15.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.15.1.tgz", + "integrity": "sha512-VlfT9F3V0v+jr4yxPc5gg9s62/fIVWsd2Bk2iD435um1NlGMYdVCq+MjcXnhYq2icNOizHr1kK+5TI6H0Hy0ag==" + }, + "component-emitter": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", + "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" + }, + "concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "requires": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + } + }, + "consolidate": { + "version": "0.15.1", + "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz", + "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==", + "requires": { + "bluebird": "^3.1.1" + } + }, + "convert-source-map": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", + "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", + "requires": { + "safe-buffer": "~5.1.1" + } + }, + "copy-descriptor": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", + "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" + }, + "core-js": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.9.tgz", + "integrity": "sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==" + }, + "core-util-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" + }, + "cosmiconfig": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-4.0.0.tgz", + "integrity": "sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==", + "dev": true, + "requires": { + "is-directory": "^0.3.1", + "js-yaml": "^3.9.0", + "parse-json": "^4.0.0", + "require-from-string": "^2.0.1" + } + }, + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, + "cross-var": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/cross-var/-/cross-var-1.1.0.tgz", + "integrity": "sha1-8PDUuyNdlRONGlOYQtKQ8A23HNY=", + "requires": { + "babel-preset-es2015": "^6.18.0", + "babel-preset-stage-0": "^6.16.0", + "babel-register": "^6.18.0", + "cross-spawn": "^5.0.1", + "exit": "^0.1.2" + }, + "dependencies": { + "cross-spawn": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz", + "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", + "requires": { + "lru-cache": "^4.0.1", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + } + } + }, + "css-select": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.0.2.tgz", + "integrity": "sha512-dSpYaDVoWaELjvZ3mS6IKZM/y2PMPa/XYoEfYNZePL4U/XgyxZNroHEHReDx/d+VgXh9VbCTtFqLkFbmeqeaRQ==", + "requires": { + "boolbase": "^1.0.0", + "css-what": "^2.1.2", + "domutils": "^1.7.0", + "nth-check": "^1.0.2" + } + }, + "css-select-base-adapter": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", + "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" + }, + "css-selector-parser": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-1.3.0.tgz", + "integrity": "sha1-XxrUPi2O77/cME/NOaUhZklD4+s=" + }, + "css-selector-tokenizer": { + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz", + "integrity": "sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==", + "requires": { + "cssesc": "^0.1.0", + "fastparse": "^1.1.1", + "regexpu-core": "^1.0.0" + }, + "dependencies": { + "cssesc": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-0.1.0.tgz", + "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=" + }, + "regexpu-core": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz", + "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=", + "requires": { + "regenerate": "^1.2.1", + "regjsgen": "^0.2.0", + "regjsparser": "^0.1.4" + } + }, + "regjsgen": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", + "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=" + }, + "regjsparser": { + "version": "0.1.5", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz", + "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=", + "requires": { + "jsesc": "~0.5.0" + } + } + } + }, + "css-tree": { + "version": "1.0.0-alpha.28", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz", + "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==", + "requires": { + "mdn-data": "~1.1.0", + "source-map": "^0.5.3" + } + }, + "css-unit-converter": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz", + "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==", + "dev": true + }, + "css-url-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/css-url-regex/-/css-url-regex-1.1.0.tgz", + "integrity": "sha1-g4NCMMyfdMRX3lnuvRVD/uuDt+w=" + }, + "css-what": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz", + "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==" + }, + "cssesc": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz", + "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==" + }, + "cssmin": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/cssmin/-/cssmin-0.4.3.tgz", + "integrity": "sha1-yRlAd+Dr2s1pHV9ZAVudgZ840BU=" + }, + "csso": { + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz", + "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==", + "requires": { + "css-tree": "1.0.0-alpha.29" + }, + "dependencies": { + "css-tree": { + "version": "1.0.0-alpha.29", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz", + "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==", + "requires": { + "mdn-data": "~1.1.0", + "source-map": "^0.5.3" + } + } + } + }, + "cssom": { + "version": "0.3.6", + "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.6.tgz", + "integrity": "sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==" + }, + "dashdash": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", + "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "dateformat": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz", + "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==" + }, + "de-indent": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", + "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=" + }, + "decode-uri-component": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", + "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" + }, + "define-properties": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", + "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", + "requires": { + "object-keys": "^1.0.12" + } + }, + "define-property": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", + "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", + "requires": { + "is-descriptor": "^1.0.2", + "isobject": "^3.0.1" + }, + "dependencies": { + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "defined": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz", + "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=", + "dev": true + }, + "delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" + }, + "dependency-graph": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.8.0.tgz", + "integrity": "sha512-DCvzSq2UiMsuLnj/9AL484ummEgLtZIcRS7YvtO38QnpX3vqh9nJ8P+zhu8Ja+SmLrBHO2iDbva20jq38qvBkQ==", + "dev": true + }, + "detect-indent": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz", + "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=", + "requires": { + "repeating": "^2.0.0" + } + }, + "detective": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz", + "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==", + "dev": true, + "requires": { + "acorn-node": "^1.6.1", + "defined": "^1.0.0", + "minimist": "^1.1.1" + } + }, + "diagnostics": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/diagnostics/-/diagnostics-1.1.1.tgz", + "integrity": "sha512-8wn1PmdunLJ9Tqbx+Fx/ZEuHfJf4NKSN2ZBj7SJC/OWRWha843+WsTjqMe1B5E3p28jqBlp+mJ2fPVxPyNgYKQ==", + "requires": { + "colorspace": "1.1.x", + "enabled": "1.0.x", + "kuler": "1.0.x" + } + }, + "diff": { + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", + "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==" + }, + "dir-glob": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz", + "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==", + "dev": true, + "requires": { + "path-type": "^3.0.0" + } + }, + "dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true + }, + "dom-serializer": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", + "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", + "requires": { + "domelementtype": "^1.3.0", + "entities": "^1.1.1" + } + }, + "dom-walk": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.1.tgz", + "integrity": "sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=", + "dev": true + }, + "domelementtype": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", + "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==" + }, + "domutils": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", + "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", + "requires": { + "dom-serializer": "0", + "domelementtype": "1" + } + }, + "ecc-jsbn": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", + "requires": { + "jsbn": "~0.1.0", + "safer-buffer": "^2.1.0" + } + }, + "electron-to-chromium": { + "version": "1.3.465", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.465.tgz", + "integrity": "sha512-K/lUeT3NLAsJ5SHRDhK3/zd0tw7OUllYD8w+fTOXm6ljCPsp2qq+vMzxpLo8u1M27ZjZAjRbsA6rirvne2nAMQ==", + "dev": true + }, + "emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "dev": true + }, + "emojis-list": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz", + "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=" + }, + "enabled": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/enabled/-/enabled-1.0.2.tgz", + "integrity": "sha1-ll9lE9LC0cX0ZStkouM5ZGf8L5M=", + "requires": { + "env-variable": "0.0.x" + } + }, + "end-of-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", + "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", + "requires": { + "once": "^1.4.0" + } + }, + "entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" + }, + "env-variable": { + "version": "0.0.5", + "resolved": "https://registry.npmjs.org/env-variable/-/env-variable-0.0.5.tgz", + "integrity": "sha512-zoB603vQReOFvTg5xMl9I1P2PnHsHQQKTEowsKKD7nseUfJq6UWzK+4YtlWUO1nhiQUxe6XMkk+JleSZD1NZFA==" + }, + "error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "requires": { + "is-arrayish": "^0.2.1" + } + }, + "es-abstract": { + "version": "1.13.0", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.13.0.tgz", + "integrity": "sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==", + "requires": { + "es-to-primitive": "^1.2.0", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "is-callable": "^1.1.4", + "is-regex": "^1.0.4", + "object-keys": "^1.0.12" + } + }, + "es-to-primitive": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.0.tgz", + "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==", + "requires": { + "is-callable": "^1.1.4", + "is-date-object": "^1.0.1", + "is-symbol": "^1.0.2" + } + }, + "es6-promise": { + "version": "4.2.8", + "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz", + "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==" + }, + "es6-promisify": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz", + "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", + "requires": { + "es6-promise": "^4.0.3" + } + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" + }, + "esprima": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", + "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" + }, + "estree-walker": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.0.tgz", + "integrity": "sha512-peq1RfVAVzr3PU/jL31RaOjUKLoZJpObQWJJ+LgfcxDUifyLZ1RjPQZTl0pzj2uJ45b7A7XpyppXvxdEqzo4rw==" + }, + "esutils": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", + "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" + }, + "execa": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz", + "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==", + "requires": { + "cross-spawn": "^6.0.0", + "get-stream": "^4.0.0", + "is-stream": "^1.1.0", + "npm-run-path": "^2.0.0", + "p-finally": "^1.0.0", + "signal-exit": "^3.0.0", + "strip-eof": "^1.0.0" + } + }, + "exit": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", + "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=" + }, + "expand-brackets": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", + "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", + "requires": { + "debug": "^2.3.3", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "posix-character-classes": "^0.1.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==" + }, + "extend-shallow": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", + "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", + "requires": { + "assign-symbols": "^1.0.0", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "extglob": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", + "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", + "requires": { + "array-unique": "^0.3.2", + "define-property": "^1.0.0", + "expand-brackets": "^2.1.4", + "extend-shallow": "^2.0.1", + "fragment-cache": "^0.2.1", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "extract-zip": { + "version": "1.6.7", + "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.7.tgz", + "integrity": "sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=", + "requires": { + "concat-stream": "1.6.2", + "debug": "2.6.9", + "mkdirp": "0.5.1", + "yauzl": "2.4.1" + } + }, + "extsprintf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", + "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" + }, + "fast-deep-equal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", + "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=" + }, + "fast-glob": { + "version": "2.2.6", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.6.tgz", + "integrity": "sha512-0BvMaZc1k9F+MeWWMe8pL6YltFzZYcJsYU7D4JyDA6PAczaXvxqQQ/z+mDF7/4Mw01DeUc+i3CTKajnkANkV4w==", + "dev": true, + "requires": { + "@mrmlnc/readdir-enhanced": "^2.2.1", + "@nodelib/fs.stat": "^1.1.2", + "glob-parent": "^3.1.0", + "is-glob": "^4.0.0", + "merge2": "^1.2.3", + "micromatch": "^3.1.10" + } + }, + "fast-json-stable-stringify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz", + "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=" + }, + "fast-safe-stringify": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.6.tgz", + "integrity": "sha512-q8BZ89jjc+mz08rSxROs8VsrBBcn1SIw1kq9NjolL509tkABRk9io01RAjSaEv1Xb2uFLt8VtRiZbGp5H8iDtg==" + }, + "fastparse": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz", + "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==" + }, + "fd-slicer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz", + "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=", + "requires": { + "pend": "~1.2.0" + } + }, + "fecha": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fecha/-/fecha-2.3.3.tgz", + "integrity": "sha512-lUGBnIamTAwk4znq5BcqsDaxSmZ9nDVJaij6NvRt/Tg4R69gERA+otPKbS86ROw9nxVMw2/mp1fnaiWqbs6Sdg==" + }, + "fill-range": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", + "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", + "requires": { + "extend-shallow": "^2.0.1", + "is-number": "^3.0.0", + "repeat-string": "^1.6.1", + "to-regex-range": "^2.1.0" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "requires": { + "locate-path": "^3.0.0" + } + }, + "for-in": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", + "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" + }, + "forever-agent": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", + "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=" + }, + "form-data": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", + "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + } + }, + "fragment-cache": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", + "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", + "requires": { + "map-cache": "^0.2.2" + } + }, + "fs-extra": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz", + "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==", + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" + }, + "fsevents": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.8.tgz", + "integrity": "sha512-tPvHgPGB7m40CZ68xqFGkKuzN+RnpGmSV+hgeKxhRpbxdqKXUFJGC3yonBOLzQBcJyGpdZFDfCsdOC2KFsXzeA==", + "dev": true, + "optional": true, + "requires": { + "nan": "^2.12.1", + "node-pre-gyp": "^0.12.0" + }, + "dependencies": { + "abbrev": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "ansi-regex": { + "version": "2.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "aproba": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + }, + "are-we-there-yet": { + "version": "1.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^2.0.6" + } + }, + "balanced-match": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "brace-expansion": { + "version": "1.1.11", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "chownr": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "code-point-at": { + "version": "1.1.0", + "bundled": true, + "dev": true, + "optional": true + }, + "concat-map": { + "version": "0.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "console-control-strings": { + "version": "1.1.0", + "bundled": true, + "dev": true, + "optional": true + }, + "core-util-is": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "debug": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ms": "^2.1.1" + } + }, + "deep-extend": { + "version": "0.6.0", + "bundled": true, + "dev": true, + "optional": true + }, + "delegates": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "detect-libc": { + "version": "1.0.3", + "bundled": true, + "dev": true, + "optional": true + }, + "fs-minipass": { + "version": "1.2.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "fs.realpath": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "gauge": { + "version": "2.7.4", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "aproba": "^1.0.3", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.0", + "object-assign": "^4.1.0", + "signal-exit": "^3.0.0", + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wide-align": "^1.1.0" + } + }, + "glob": { + "version": "7.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "has-unicode": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "iconv-lite": { + "version": "0.4.24", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "ignore-walk": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minimatch": "^3.0.4" + } + }, + "inflight": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "bundled": true, + "dev": true, + "optional": true + }, + "ini": { + "version": "1.3.5", + "bundled": true, + "dev": true, + "optional": true + }, + "is-blockwidth-code-point": { + "version": "1.0.0", + "bundled": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "dev": true, + "optional": true, + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "isarray": { + "version": "1.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "minimatch": { + "version": "3.0.4", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "0.0.8", + "bundled": true, + "dev": true, + "optional": true + }, + "minipass": { + "version": "2.3.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safe-buffer": "^5.1.2", + "yallist": "^3.0.0" + } + }, + "minizlib": { + "version": "1.2.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minipass": "^2.2.1" + } + }, + "mkdirp": { + "version": "0.5.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "minimist": "0.0.8" + } + }, + "ms": { + "version": "2.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "needle": { + "version": "2.3.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "debug": "^4.1.0", + "iconv-lite": "^0.4.4", + "sax": "^1.2.4" + } + }, + "node-pre-gyp": { + "version": "0.12.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^1.0.2", + "mkdirp": "^0.5.1", + "needle": "^2.2.1", + "nopt": "^4.0.1", + "npm-packlist": "^1.1.6", + "npmlog": "^4.0.2", + "rc": "^1.2.7", + "rimraf": "^2.6.1", + "semver": "^5.3.0", + "tar": "^4" + } + }, + "nopt": { + "version": "4.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "abbrev": "1", + "osenv": "^0.1.4" + } + }, + "npm-bundled": { + "version": "1.0.6", + "bundled": true, + "dev": true, + "optional": true + }, + "npm-packlist": { + "version": "1.4.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ignore-walk": "^3.0.1", + "npm-bundled": "^1.0.1" + } + }, + "npmlog": { + "version": "4.1.2", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "are-we-there-yet": "~1.1.2", + "console-control-strings": "~1.1.0", + "gauge": "~2.7.3", + "set-blocking": "~2.0.0" + } + }, + "number-is-nan": { + "version": "1.0.1", + "bundled": true + }, + "object-assign": { + "version": "4.1.1", + "bundled": true, + "dev": true, + "optional": true + }, + "once": { + "version": "1.4.0", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "wrappy": "1" + } + }, + "os-homedir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "os-tmpdir": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "osenv": { + "version": "0.1.5", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.0" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "process-nextick-args": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "rc": { + "version": "1.2.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "deep-extend": "^0.6.0", + "ini": "~1.3.0", + "minimist": "^1.2.0", + "strip-json-comments": "~2.0.1" + }, + "dependencies": { + "minimist": { + "version": "1.2.0", + "bundled": true, + "dev": true, + "optional": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "rimraf": { + "version": "2.6.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "glob": "^7.1.3" + } + }, + "safe-buffer": { + "version": "5.1.2", + "bundled": true, + "dev": true, + "optional": true + }, + "safer-buffer": { + "version": "2.1.2", + "bundled": true, + "dev": true, + "optional": true + }, + "sax": { + "version": "1.2.4", + "bundled": true, + "dev": true, + "optional": true + }, + "semver": { + "version": "5.7.0", + "bundled": true, + "dev": true, + "optional": true + }, + "set-blocking": { + "version": "2.0.0", + "bundled": true, + "dev": true, + "optional": true + }, + "signal-exit": { + "version": "3.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "string-width": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + }, + "string_decoder": { + "version": "1.1.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-json-comments": { + "version": "2.0.1", + "bundled": true, + "dev": true, + "optional": true + }, + "tar": { + "version": "4.4.8", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "chownr": "^1.1.1", + "fs-minipass": "^1.2.5", + "minipass": "^2.3.4", + "minizlib": "^1.1.1", + "mkdirp": "^0.5.0", + "safe-buffer": "^5.1.2", + "yallist": "^3.0.2" + } + }, + "util-deprecate": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "wide-align": { + "version": "1.1.3", + "bundled": true, + "dev": true, + "optional": true, + "requires": { + "string-width": "^1.0.2 || 2" + } + }, + "wrappy": { + "version": "1.0.2", + "bundled": true, + "dev": true, + "optional": true + }, + "yallist": { + "version": "3.0.3", + "bundled": true, + "dev": true, + "optional": true + } + } + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "generic-names": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-1.0.3.tgz", + "integrity": "sha1-LXhqEhruUIh2eWk56OO/+DbCCRc=", + "requires": { + "loader-utils": "^0.2.16" + } + }, + "get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true + }, + "get-stdin": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz", + "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==", + "dev": true + }, + "get-stream": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", + "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", + "requires": { + "pump": "^3.0.0" + } + }, + "get-value": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", + "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" + }, + "getpass": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", + "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", + "requires": { + "assert-plus": "^1.0.0" + } + }, + "glob": { + "version": "7.1.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", + "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "glob-parent": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", + "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", + "dev": true, + "requires": { + "is-glob": "^3.1.0", + "path-dirname": "^1.0.0" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "dev": true, + "requires": { + "is-extglob": "^2.1.0" + } + } + } + }, + "glob-to-regexp": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz", + "integrity": "sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=", + "dev": true + }, + "global": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/global/-/global-4.3.2.tgz", + "integrity": "sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=", + "dev": true, + "requires": { + "min-document": "^2.19.0", + "process": "~0.5.1" + } + }, + "globals": { + "version": "9.18.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", + "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==" + }, + "globby": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz", + "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==", + "dev": true, + "requires": { + "@types/glob": "^7.1.1", + "array-union": "^1.0.2", + "dir-glob": "^2.2.2", + "fast-glob": "^2.2.6", + "glob": "^7.1.3", + "ignore": "^4.0.3", + "pify": "^4.0.1", + "slash": "^2.0.0" + } + }, + "graceful-fs": { + "version": "4.1.15", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", + "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" + }, + "growl": { + "version": "1.10.5", + "resolved": "https://registry.npmjs.org/growl/-/growl-1.10.5.tgz", + "integrity": "sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==" + }, + "har-schema": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", + "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=" + }, + "har-validator": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", + "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", + "requires": { + "ajv": "^6.5.5", + "har-schema": "^2.0.0" + } + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-ansi": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", + "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" + }, + "has-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", + "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" + }, + "has-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", + "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", + "requires": { + "get-value": "^2.0.6", + "has-values": "^1.0.0", + "isobject": "^3.0.0" + } + }, + "has-values": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", + "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", + "requires": { + "is-number": "^3.0.0", + "kind-of": "^4.0.0" + }, + "dependencies": { + "kind-of": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", + "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "hash-sum": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz", + "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=" + }, + "hasha": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/hasha/-/hasha-2.2.0.tgz", + "integrity": "sha1-eNfL/B5tZjA/55g3NlmEUXsvbuE=", + "requires": { + "is-stream": "^1.0.1", + "pinkie-promise": "^2.0.0" + } + }, + "he": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", + "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" + }, + "home-or-tmp": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz", + "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=", + "requires": { + "os-homedir": "^1.0.0", + "os-tmpdir": "^1.0.1" + } + }, + "http-signature": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", + "requires": { + "assert-plus": "^1.0.0", + "jsprim": "^1.2.2", + "sshpk": "^1.7.0" + } + }, + "https-proxy-agent": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz", + "integrity": "sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==", + "requires": { + "agent-base": "^4.3.0", + "debug": "^3.1.0" + }, + "dependencies": { + "debug": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + } + } + }, + "icss-replace-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz", + "integrity": "sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=" + }, + "ignore": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", + "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", + "dev": true + }, + "import-cwd": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", + "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=", + "dev": true, + "requires": { + "import-from": "^2.1.0" + } + }, + "import-from": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz", + "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=", + "dev": true, + "requires": { + "resolve-from": "^3.0.0" + } + }, + "indexes-of": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", + "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=" + }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, + "invert-kv": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-2.0.0.tgz", + "integrity": "sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==" + }, + "is-accessor-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", + "dev": true + }, + "is-binary-path": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", + "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", + "dev": true, + "requires": { + "binary-extensions": "^1.0.0" + } + }, + "is-buffer": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", + "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" + }, + "is-callable": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.4.tgz", + "integrity": "sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==" + }, + "is-data-descriptor": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-date-object": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.1.tgz", + "integrity": "sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=" + }, + "is-descriptor": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", + "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "requires": { + "is-accessor-descriptor": "^0.1.6", + "is-data-descriptor": "^0.1.4", + "kind-of": "^5.0.0" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "is-directory": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz", + "integrity": "sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=", + "dev": true + }, + "is-extendable": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", + "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, + "is-finite": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", + "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" + }, + "is-glob": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", + "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", + "integrity": "sha1-Mlj7afeMFNW4FdZkM2tM/7ZEFZE=", + "dev": true + }, + "is-number": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", + "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "is-plain-object": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", + "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", + "requires": { + "isobject": "^3.0.1" + } + }, + "is-regex": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.4.tgz", + "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", + "requires": { + "has": "^1.0.1" + } + }, + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=" + }, + "is-symbol": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.2.tgz", + "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==", + "requires": { + "has-symbols": "^1.0.0" + } + }, + "is-typedarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", + "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=" + }, + "is-windows": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", + "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" + }, + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=" + }, + "isobject": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", + "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" + }, + "isstream": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", + "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=" + }, + "js-base64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz", + "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==" + }, + "js-tokens": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz", + "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=" + }, + "js-yaml": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", + "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", + "requires": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + } + }, + "jsbn": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" + }, + "jsesc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" + }, + "json-parse-better-errors": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", + "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", + "dev": true + }, + "json-schema": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", + "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" + }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" + }, + "json-stringify-safe": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", + "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=" + }, + "json5": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz", + "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=" + }, + "jsonfile": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", + "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", + "requires": { + "graceful-fs": "^4.1.6" + } + }, + "jsprim": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", + "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", + "requires": { + "assert-plus": "1.0.0", + "extsprintf": "1.3.0", + "json-schema": "0.2.3", + "verror": "1.10.0" + } + }, + "kew": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz", + "integrity": "sha1-edk9LTM2PW/dKXCzNdkUGtWR15s=" + }, + "kind-of": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", + "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==" + }, + "klaw": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz", + "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=", + "requires": { + "graceful-fs": "^4.1.9" + } + }, + "kuler": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/kuler/-/kuler-1.0.1.tgz", + "integrity": "sha512-J9nVUucG1p/skKul6DU3PUZrhs0LPulNaeUOox0IyXDi8S4CztTHs1gQphhuZmzXG7VOQSf6NJfKuzteQLv9gQ==", + "requires": { + "colornames": "^1.1.1" + } + }, + "lcid": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-2.0.0.tgz", + "integrity": "sha512-avPEb8P8EGnwXKClwsNUgryVjllcRqtMYa49NTsbQagYuT1DcXnl1915oxWjoyGrXR6zH/Y0Zc96xWsPcoDKeA==", + "requires": { + "invert-kv": "^2.0.0" + } + }, + "loader-utils": { + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz", + "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=", + "requires": { + "big.js": "^3.1.3", + "emojis-list": "^2.0.0", + "json5": "^0.5.0", + "object-assign": "^4.0.1" + } + }, + "locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "requires": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + } + }, + "lodash": { + "version": "4.17.11", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", + "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" + }, + "lodash._arraymap": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lodash._arraymap/-/lodash._arraymap-3.0.0.tgz", + "integrity": "sha1-Go/Q9MDfS2HeoHbXF83Jfwo8PmY=" + }, + "lodash._basecallback": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/lodash._basecallback/-/lodash._basecallback-3.3.1.tgz", + "integrity": "sha1-t7K7Q9whYEJKIczybFfkQ3cqjic=", + "requires": { + "lodash._baseisequal": "^3.0.0", + "lodash._bindcallback": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.pairs": "^3.0.0" + } + }, + "lodash._baseeach": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/lodash._baseeach/-/lodash._baseeach-3.0.4.tgz", + "integrity": "sha1-z4cGVyyhROjZ11InyZDamC+TKvM=", + "requires": { + "lodash.keys": "^3.0.0" + } + }, + "lodash._baseget": { + "version": "3.7.2", + "resolved": "https://registry.npmjs.org/lodash._baseget/-/lodash._baseget-3.7.2.tgz", + "integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ=" + }, + "lodash._baseisequal": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/lodash._baseisequal/-/lodash._baseisequal-3.0.7.tgz", + "integrity": "sha1-2AJfdjOdKTQnZ9zIh85cuVpbUfE=", + "requires": { + "lodash.isarray": "^3.0.0", + "lodash.istypedarray": "^3.0.0", + "lodash.keys": "^3.0.0" + } + }, + "lodash._bindcallback": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz", + "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=" + }, + "lodash._getnative": { + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", + "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" + }, + "lodash._topath": { + "version": "3.8.1", + "resolved": "https://registry.npmjs.org/lodash._topath/-/lodash._topath-3.8.1.tgz", + "integrity": "sha1-PsXiYGAU9MuX91X+aRTt2L/ADqw=", + "requires": { + "lodash.isarray": "^3.0.0" + } + }, + "lodash.isarguments": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", + "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=" + }, + "lodash.isarray": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz", + "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=" + }, + "lodash.istypedarray": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.6.tgz", + "integrity": "sha1-yaR3SYYHUB2OhJTSg7h8OSgc72I=" + }, + "lodash.keys": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz", + "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=", + "requires": { + "lodash._getnative": "^3.0.0", + "lodash.isarguments": "^3.0.0", + "lodash.isarray": "^3.0.0" + } + }, + "lodash.map": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-3.1.4.tgz", + "integrity": "sha1-tIOs0beGxce0ksSV97UmYim8AMI=", + "requires": { + "lodash._arraymap": "^3.0.0", + "lodash._basecallback": "^3.0.0", + "lodash._baseeach": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.keys": "^3.0.0" + } + }, + "lodash.pairs": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz", + "integrity": "sha1-u+CNV4bu6qCaFckevw3LfSvjJqk=", + "requires": { + "lodash.keys": "^3.0.0" + } + }, + "lodash.pluck": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.pluck/-/lodash.pluck-3.1.2.tgz", + "integrity": "sha1-s0fwN0wBafDusE1nLYnOyGMsIjE=", + "requires": { + "lodash._baseget": "^3.0.0", + "lodash._topath": "^3.0.0", + "lodash.isarray": "^3.0.0", + "lodash.map": "^3.0.0" + } + }, + "lodash.toarray": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/lodash.toarray/-/lodash.toarray-4.4.0.tgz", + "integrity": "sha1-JMS/zWsvuji/0FlNsRedjptlZWE=", + "dev": true + }, + "log-symbols": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz", + "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", + "dev": true, + "requires": { + "chalk": "^2.0.1" + } + }, + "logform": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/logform/-/logform-2.1.2.tgz", + "integrity": "sha512-+lZh4OpERDBLqjiwDLpAWNQu6KMjnlXH2ByZwCuSqVPJletw0kTWJf5CgSNAUKn1KUkv3m2cUz/LK8zyEy7wzQ==", + "requires": { + "colors": "^1.2.1", + "fast-safe-stringify": "^2.0.4", + "fecha": "^2.3.3", + "ms": "^2.1.1", + "triple-beam": "^1.3.0" + }, + "dependencies": { + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + } + } + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lru-cache": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "requires": { + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" + } + }, + "magic-string": { + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", + "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", + "requires": { + "sourcemap-codec": "^1.4.4" + } + }, + "map-age-cleaner": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz", + "integrity": "sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==", + "requires": { + "p-defer": "^1.0.0" + } + }, + "map-cache": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", + "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" + }, + "map-visit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", + "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", + "requires": { + "object-visit": "^1.0.0" + } + }, + "marked": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.2.tgz", + "integrity": "sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==" + }, + "mdn-data": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz", + "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA==" + }, + "mem": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/mem/-/mem-4.3.0.tgz", + "integrity": "sha512-qX2bG48pTqYRVmDB37rn/6PT7LcR8T7oAX3bf99u1Tt1nzxYfxkgqDwUwolPlXweM0XzBOBFzSx4kfp7KP1s/w==", + "requires": { + "map-age-cleaner": "^0.1.1", + "mimic-fn": "^2.0.0", + "p-is-promise": "^2.0.0" + } + }, + "merge-source-map": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz", + "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==", + "requires": { + "source-map": "^0.6.1" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "merge2": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", + "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==", + "dev": true + }, + "micromatch": { + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", + "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "braces": "^2.3.1", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "extglob": "^2.0.4", + "fragment-cache": "^0.2.1", + "kind-of": "^6.0.2", + "nanomatch": "^1.2.9", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.2" + } + }, + "mime": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", + "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==" + }, + "mime-db": { + "version": "1.40.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.40.0.tgz", + "integrity": "sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==" + }, + "mime-types": { + "version": "2.1.24", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.24.tgz", + "integrity": "sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==", + "requires": { + "mime-db": "1.40.0" + } + }, + "mimic-fn": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", + "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==" + }, + "min-document": { + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz", + "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=", + "dev": true, + "requires": { + "dom-walk": "^0.1.0" + } + }, + "minimatch": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", + "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "minimist": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" + }, + "mixin-deep": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.1.tgz", + "integrity": "sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==", + "requires": { + "for-in": "^1.0.2", + "is-extendable": "^1.0.1" + }, + "dependencies": { + "is-extendable": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", + "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", + "requires": { + "is-plain-object": "^2.0.4" + } + } + } + }, + "mkdirp": { + "version": "0.5.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", + "requires": { + "minimist": "0.0.8" + }, + "dependencies": { + "minimist": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" + } + } + }, + "mocha": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/mocha/-/mocha-5.2.0.tgz", + "integrity": "sha512-2IUgKDhc3J7Uug+FxMXuqIyYzH7gJjXECKe/w43IGgQHTSj3InJi+yAA7T24L9bQMRKiUEHxEX37G5JpVUGLcQ==", + "requires": { + "browser-stdout": "1.3.1", + "commander": "2.15.1", + "debug": "3.1.0", + "diff": "3.5.0", + "escape-string-regexp": "1.0.5", + "glob": "7.1.2", + "growl": "1.10.5", + "he": "1.1.1", + "minimatch": "3.0.4", + "mkdirp": "0.5.1", + "supports-color": "5.4.0" + }, + "dependencies": { + "debug": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", + "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", + "requires": { + "ms": "2.0.0" + } + }, + "glob": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", + "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "he": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", + "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" + }, + "supports-color": { + "version": "5.4.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz", + "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "mustache": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mustache/-/mustache-3.0.1.tgz", + "integrity": "sha512-jFI/4UVRsRYdUbuDTKT7KzfOp7FiD5WzYmmwNwXyUVypC0xjoTL78Fqc0jHUPIvvGD+6DQSPHIt1NE7D1ArsqA==" + }, + "nan": { + "version": "2.13.2", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz", + "integrity": "sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==", + "dev": true, + "optional": true + }, + "nanomatch": { + "version": "1.2.13", + "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", + "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", + "requires": { + "arr-diff": "^4.0.0", + "array-unique": "^0.3.2", + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "fragment-cache": "^0.2.1", + "is-windows": "^1.0.2", + "kind-of": "^6.0.2", + "object.pick": "^1.3.0", + "regex-not": "^1.0.0", + "snapdragon": "^0.8.1", + "to-regex": "^3.0.1" + } + }, + "nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==" + }, + "node-emoji": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.10.0.tgz", + "integrity": "sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==", + "dev": true, + "requires": { + "lodash.toarray": "^4.4.0" + } + }, + "node-releases": { + "version": "1.1.58", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.58.tgz", + "integrity": "sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==", + "dev": true + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", + "dev": true + }, + "normalize.css": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz", + "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==", + "dev": true + }, + "npm-run-path": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", + "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", + "requires": { + "path-key": "^2.0.0" + } + }, + "nth-check": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz", + "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==", + "requires": { + "boolbase": "~1.0.0" + } + }, + "num2fraction": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", + "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=", + "dev": true + }, + "number-is-nan": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" + }, + "oauth-sign": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==" + }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + }, + "object-copy": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", + "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", + "requires": { + "copy-descriptor": "^0.1.0", + "define-property": "^0.2.5", + "kind-of": "^3.0.3" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "object-keys": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", + "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" + }, + "object-visit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", + "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", + "requires": { + "isobject": "^3.0.0" + } + }, + "object.getownpropertydescriptors": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.0.3.tgz", + "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", + "requires": { + "define-properties": "^1.1.2", + "es-abstract": "^1.5.1" + } + }, + "object.pick": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", + "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", + "requires": { + "isobject": "^3.0.1" + } + }, + "object.values": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.0.tgz", + "integrity": "sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==", + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.12.0", + "function-bind": "^1.1.1", + "has": "^1.0.3" + } + }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "requires": { + "wrappy": "1" + } + }, + "one-time": { + "version": "0.0.4", + "resolved": "https://registry.npmjs.org/one-time/-/one-time-0.0.4.tgz", + "integrity": "sha1-+M33eISCb+Tf+T46nMN7HkSAdC4=" + }, + "os-homedir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" + }, + "os-locale": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-3.1.0.tgz", + "integrity": "sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==", + "requires": { + "execa": "^1.0.0", + "lcid": "^2.0.0", + "mem": "^4.0.0" + } + }, + "os-tmpdir": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" + }, + "p-defer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz", + "integrity": "sha1-n26xgvbJqozXQwBKfU+WsZaw+ww=" + }, + "p-finally": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", + "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=" + }, + "p-is-promise": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-2.1.0.tgz", + "integrity": "sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==" + }, + "p-limit": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", + "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "requires": { + "p-limit": "^2.0.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" + }, + "parse-json": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", + "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", + "dev": true, + "requires": { + "error-ex": "^1.3.1", + "json-parse-better-errors": "^1.0.1" + } + }, + "pascalcase": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", + "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" + }, + "path-dirname": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", + "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", + "dev": true + }, + "path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=" + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" + }, + "path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=" + }, + "path-parse": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", + "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + }, + "path-type": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", + "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", + "dev": true, + "requires": { + "pify": "^3.0.0" + }, + "dependencies": { + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } + } + }, + "pend": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", + "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=" + }, + "performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=" + }, + "perfume.js": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/perfume.js/-/perfume.js-5.1.0.tgz", + "integrity": "sha512-ICZ54+V/6v7Qa40oQw7JtA0wcczYJb3azx+g8FP5u1ZawIEjnzAIVeBBkclkfqN1y25p9qjKjhJqvdzk9kugQg==", + "dev": true + }, + "phantomjs-prebuilt": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz", + "integrity": "sha1-79ISpKOWbTZHaE6ouniFSb4q7+8=", + "requires": { + "es6-promise": "^4.0.3", + "extract-zip": "^1.6.5", + "fs-extra": "^1.0.0", + "hasha": "^2.2.0", + "kew": "^0.7.0", + "progress": "^1.1.8", + "request": "^2.81.0", + "request-progress": "^2.0.1", + "which": "^1.2.10" + }, + "dependencies": { + "fs-extra": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-1.0.0.tgz", + "integrity": "sha1-zTzl9+fLYUWIP8rjGR6Yd/hYeVA=", + "requires": { + "graceful-fs": "^4.1.2", + "jsonfile": "^2.1.0", + "klaw": "^1.0.0" + } + }, + "jsonfile": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", + "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", + "requires": { + "graceful-fs": "^4.1.6" + } + } + } + }, + "pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true + }, + "pinkie": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", + "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=" + }, + "pinkie-promise": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", + "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "requires": { + "pinkie": "^2.0.0" + } + }, + "pixelmatch": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-5.0.2.tgz", + "integrity": "sha512-b65UpTI40rGFY8QwN6IYuCbpmwAOL6M8d6voX4F3zR99UmDqh7r2QWLxoeHOazBRgEmDUdqNVESDREqFxQS7rQ==", + "dev": true, + "requires": { + "pngjs": "^3.4.0" + } + }, + "pkg-up": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", + "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", + "dev": true, + "requires": { + "find-up": "^2.1.0" + }, + "dependencies": { + "find-up": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz", + "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", + "dev": true, + "requires": { + "locate-path": "^2.0.0" + } + }, + "locate-path": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", + "dev": true, + "requires": { + "p-locate": "^2.0.0", + "path-exists": "^3.0.0" + } + }, + "p-limit": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz", + "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", + "dev": true, + "requires": { + "p-try": "^1.0.0" + } + }, + "p-locate": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", + "dev": true, + "requires": { + "p-limit": "^1.1.0" + } + }, + "p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", + "dev": true + } + } + }, + "pngjs": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-3.4.0.tgz", + "integrity": "sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==", + "dev": true + }, + "posix-character-classes": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", + "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" + }, + "postcss": { + "version": "7.0.14", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.14.tgz", + "integrity": "sha512-NsbD6XUUMZvBxtQAJuWDJeeC4QFsmWsfozWxCJPWf3M55K9iu2iMDaKqyoOdTJ1R4usBXuxlVFAIo8rZPQD4Bg==", + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + }, + "dependencies": { + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-cli": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.1.2.tgz", + "integrity": "sha512-jIWfIkqt8cTThSpH8DBaNxHlBf99OKSem2RseRpfVPqWayxHKQB0IWdS/IF5XSGeFU5QslSDTdVHnw6qggXGkA==", + "dev": true, + "requires": { + "chalk": "^2.1.0", + "chokidar": "^2.0.0", + "dependency-graph": "^0.8.0", + "fs-extra": "^7.0.0", + "get-stdin": "^6.0.0", + "globby": "^9.0.0", + "postcss": "^7.0.0", + "postcss-load-config": "^2.0.0", + "postcss-reporter": "^6.0.0", + "pretty-hrtime": "^1.0.3", + "read-cache": "^1.0.0", + "yargs": "^12.0.1" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=", + "dev": true + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", + "dev": true + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", + "dev": true + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "dev": true, + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "dev": true, + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "yargs": { + "version": "12.0.5", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", + "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", + "dev": true, + "requires": { + "cliui": "^4.0.0", + "decamelize": "^1.2.0", + "find-up": "^3.0.0", + "get-caller-file": "^1.0.1", + "os-locale": "^3.0.0", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^2.0.0", + "which-module": "^2.0.0", + "y18n": "^3.2.1 || ^4.0.0", + "yargs-parser": "^11.1.1" + } + }, + "yargs-parser": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", + "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "postcss-functions": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz", + "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=", + "dev": true, + "requires": { + "glob": "^7.1.2", + "object-assign": "^4.1.1", + "postcss": "^6.0.9", + "postcss-value-parser": "^3.3.0" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + } + } + }, + "postcss-import": { + "version": "12.0.1", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz", + "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==", + "dev": true, + "requires": { + "postcss": "^7.0.1", + "postcss-value-parser": "^3.2.3", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + } + }, + "postcss-js": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", + "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", + "dev": true, + "requires": { + "camelcase-css": "^2.0.1", + "postcss": "^7.0.18" + }, + "dependencies": { + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-load-config": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz", + "integrity": "sha512-V5JBLzw406BB8UIfsAWSK2KSwIJ5yoEIVFb4gVkXci0QdKgA24jLmHZ/ghe/GgX0lJ0/D1uUK1ejhzEY94MChQ==", + "dev": true, + "requires": { + "cosmiconfig": "^4.0.0", + "import-cwd": "^2.0.0" + } + }, + "postcss-modules-local-by-default": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz", + "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=", + "requires": { + "css-selector-tokenizer": "^0.7.0", + "postcss": "^6.0.1" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "postcss-modules-scope": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz", + "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=", + "requires": { + "css-selector-tokenizer": "^0.7.0", + "postcss": "^6.0.1" + }, + "dependencies": { + "postcss": { + "version": "6.0.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", + "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.4.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + } + } + }, + "postcss-modules-sync": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/postcss-modules-sync/-/postcss-modules-sync-1.0.0.tgz", + "integrity": "sha1-YZpxnPeN0WpINBNRQLMkz3czS+E=", + "requires": { + "generic-names": "^1.0.2", + "icss-replace-symbols": "^1.0.2", + "postcss": "^5.2.5", + "postcss-modules-local-by-default": "^1.1.1", + "postcss-modules-scope": "^1.0.2", + "string-hash": "^1.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=" + }, + "chalk": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "requires": { + "ansi-styles": "^2.2.1", + "escape-string-regexp": "^1.0.2", + "has-ansi": "^2.0.0", + "strip-ansi": "^3.0.0", + "supports-color": "^2.0.0" + }, + "dependencies": { + "supports-color": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" + } + } + }, + "has-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz", + "integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=" + }, + "postcss": { + "version": "5.2.18", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", + "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", + "requires": { + "chalk": "^1.1.3", + "js-base64": "^2.1.9", + "source-map": "^0.5.6", + "supports-color": "^3.2.3" + } + }, + "supports-color": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", + "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", + "requires": { + "has-flag": "^1.0.0" + } + } + } + }, + "postcss-nested": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.1.tgz", + "integrity": "sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==", + "dev": true, + "requires": { + "postcss": "^7.0.21", + "postcss-selector-parser": "^6.0.2" + }, + "dependencies": { + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "postcss": { + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss-reporter": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.1.tgz", + "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", + "dev": true, + "requires": { + "chalk": "^2.4.1", + "lodash": "^4.17.11", + "log-symbols": "^2.2.0", + "postcss": "^7.0.7" + } + }, + "postcss-selector-parser": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz", + "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==", + "requires": { + "cssesc": "^2.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "postcss-value-parser": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", + "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==", + "dev": true + }, + "prettier": { + "version": "1.16.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz", + "integrity": "sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==" + }, + "pretty-hrtime": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=", + "dev": true + }, + "prettysize": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/prettysize/-/prettysize-1.1.0.tgz", + "integrity": "sha512-U5Noa+FYV1dGkICyLJz8IWlDUehPF4Bk9tZRO8YqPhLA9EoiHuFqtnpWY2mvMjHh5eOLo82HipeLn4RIiSsGqQ==" + }, + "private": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz", + "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==" + }, + "process": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/process/-/process-0.5.2.tgz", + "integrity": "sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=", + "dev": true + }, + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + }, + "progress": { + "version": "1.1.8", + "resolved": "https://registry.npmjs.org/progress/-/progress-1.1.8.tgz", + "integrity": "sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=" + }, + "proxy-from-env": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz", + "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=" + }, + "pseudomap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", + "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" + }, + "psl": { + "version": "1.1.32", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.32.tgz", + "integrity": "sha512-MHACAkHpihU/REGGPLj4sEfc/XKW2bheigvHO1dUqjaKigMp1C8+WLQYRGgeKFMsw5PMfegZcaN8IDXK/cD0+g==" + }, + "pump": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } + }, + "punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" + }, + "puppeteer": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.19.0.tgz", + "integrity": "sha512-2S6E6ygpoqcECaagDbBopoSOPDv0pAZvTbnBgUY+6hq0/XDFDOLEMNlHF/SKJlzcaZ9ckiKjKDuueWI3FN/WXw==", + "requires": { + "debug": "^4.1.0", + "extract-zip": "^1.6.6", + "https-proxy-agent": "^2.2.1", + "mime": "^2.0.3", + "progress": "^2.0.1", + "proxy-from-env": "^1.0.0", + "rimraf": "^2.6.1", + "ws": "^6.1.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" + }, + "progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==" + } + } + }, + "purgecss": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-1.2.0.tgz", + "integrity": "sha512-iO2bkR8i+4bcBC0lid0YHDW9Z9pou7FHvBcfcnqPiKSP6LkDcjZTl0HHtCJ37POp82ZQFK7GWz+GFUNwM8GstA==", + "dev": true, + "requires": { + "glob": "^7.1.3", + "postcss": "^7.0.14", + "postcss-selector-parser": "^6.0.0", + "yargs": "^13.2.2" + }, + "dependencies": { + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + } + } + }, + "q": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", + "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=" + }, + "qs": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", + "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" + }, + "querystring": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz", + "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=" + }, + "read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", + "dev": true, + "requires": { + "pify": "^2.3.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "dev": true + } + } + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "readdirp": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", + "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", + "dev": true, + "requires": { + "graceful-fs": "^4.1.11", + "micromatch": "^3.1.10", + "readable-stream": "^2.0.2" + } + }, + "reduce-css-calc": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.7.tgz", + "integrity": "sha512-fDnlZ+AybAS3C7Q9xDq5y8A2z+lT63zLbynew/lur/IR24OQF5x98tfNwf79mzEdfywZ0a2wpM860FhFfMxZlA==", + "dev": true, + "requires": { + "css-unit-converter": "^1.1.1", + "postcss-value-parser": "^3.3.0" + } + }, + "regenerate": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz", + "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==" + }, + "regenerate-unicode-properties": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz", + "integrity": "sha512-s5NGghCE4itSlUS+0WUj88G6cfMVMmH8boTPNvABf8od+2dhT9WDlWu8n01raQAJZMOK8Ch6jSexaRO7swd6aw==", + "requires": { + "regenerate": "^1.4.0" + } + }, + "regenerator-runtime": { + "version": "0.11.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", + "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==" + }, + "regenerator-transform": { + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz", + "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==", + "requires": { + "babel-runtime": "^6.18.0", + "babel-types": "^6.19.0", + "private": "^0.1.6" + } + }, + "regex-not": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", + "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", + "requires": { + "extend-shallow": "^3.0.2", + "safe-regex": "^1.1.0" + } + }, + "regexpu-core": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.4.0.tgz", + "integrity": "sha512-eDDWElbwwI3K0Lo6CqbQbA6FwgtCz4kYTarrri1okfkRLZAqstU+B3voZBCjg8Fl6iq0gXrJG6MvRgLthfvgOA==", + "requires": { + "regenerate": "^1.4.0", + "regenerate-unicode-properties": "^7.0.0", + "regjsgen": "^0.5.0", + "regjsparser": "^0.6.0", + "unicode-match-property-ecmascript": "^1.0.4", + "unicode-match-property-value-ecmascript": "^1.0.2" + } + }, + "regjsgen": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.0.tgz", + "integrity": "sha512-RnIrLhrXCX5ow/E5/Mh2O4e/oa1/jW0eaBKTSy3LaCj+M3Bqvm97GWDp2yUtzIs4LEn65zR2yiYGFqb2ApnzDA==" + }, + "regjsparser": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.0.tgz", + "integrity": "sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==", + "requires": { + "jsesc": "~0.5.0" + } + }, + "remove-trailing-separator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", + "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" + }, + "repeat-element": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", + "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" + }, + "repeat-string": { + "version": "1.6.1", + "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", + "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" + }, + "repeating": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", + "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "requires": { + "is-finite": "^1.0.0" + } + }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "request": { + "version": "2.88.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", + "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.0", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.4.3", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "request-progress": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-2.0.1.tgz", + "integrity": "sha1-XTa7V5YcZzqlt4jbyBQf3yO0Tgg=", + "requires": { + "throttleit": "^1.0.0" + } + }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" + }, + "require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true + }, + "require-main-filename": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", + "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", + "dev": true + }, + "resolve": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.10.0.tgz", + "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", + "requires": { + "path-parse": "^1.0.6" + } + }, + "resolve-from": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz", + "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=", + "dev": true + }, + "resolve-url": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", + "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" + }, + "ret": { + "version": "0.1.15", + "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", + "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" + }, + "rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "requires": { + "glob": "^7.1.3" + } + }, + "rollup": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.2.2.tgz", + "integrity": "sha512-fsn5KJcfSuejjrv8GV7kZNciElqxyzZdUq8rA3e528JsR3ccxrWwoptyUY8GGLlgMFAQMB3dZW8nWF2I1/xrZA==", + "requires": { + "@types/estree": "0.0.39", + "@types/node": "*", + "acorn": "^6.1.0" + } + }, + "rollup-plugin-buble": { + "version": "0.19.6", + "resolved": "https://registry.npmjs.org/rollup-plugin-buble/-/rollup-plugin-buble-0.19.6.tgz", + "integrity": "sha512-El5Fut4/wEO17ZN/n9BZvqd7DXXB2WbJr/DKvr89LXChC/cHllE0XwiUDeAalrTkgr0WrnyLDTCQvEv+cGywWQ==", + "requires": { + "buble": "^0.19.6", + "rollup-pluginutils": "^2.3.3" + } + }, + "rollup-plugin-commonjs": { + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-9.2.0.tgz", + "integrity": "sha512-0RM5U4Vd6iHjL6rLvr3lKBwnPsaVml+qxOGaaNUWN1lSq6S33KhITOfHmvxV3z2vy9Mk4t0g4rNlVaJJsNQPWA==", + "requires": { + "estree-walker": "^0.5.2", + "magic-string": "^0.25.1", + "resolve": "^1.8.1", + "rollup-pluginutils": "^2.3.3" + }, + "dependencies": { + "estree-walker": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.5.2.tgz", + "integrity": "sha512-XpCnW/AE10ws/kDAs37cngSkvgIR8aN3G0MS85m7dUpuK2EREo9VJ00uvw6Dg/hXEpfsE1I1TvJOJr+Z+TL+ig==" + } + } + }, + "rollup-plugin-node-resolve": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-4.2.3.tgz", + "integrity": "sha512-r+WaesPzdGEynpLZLALFEDugA4ACa5zn7bc/+LVX4vAXQQ8IgDHv0xfsSvJ8tDXUtprfBtrDtRFg27ifKjcJTg==", + "dev": true, + "requires": { + "@types/resolve": "0.0.8", + "builtin-modules": "^3.1.0", + "is-module": "^1.0.0", + "resolve": "^1.10.0" + } + }, + "rollup-plugin-vue": { + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-4.7.2.tgz", + "integrity": "sha512-RuAK+YTL81/iccOWoadqQz2TXqOogivjbvtCuU6EfVP9/E5XIjuMNVsVWHkSelZQblI1z2b5tshWL7XoiOfABQ==", + "requires": { + "@vue/component-compiler": "^3.6", + "@vue/component-compiler-utils": "^2.1.0", + "debug": "^4.1.1", + "hash-sum": "^1.0.2", + "magic-string": "^0.25.2", + "querystring": "^0.2.0", + "rollup-pluginutils": "^2.0.1", + "source-map": "0.7.3", + "vue-runtime-helpers": "1.0.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" + }, + "source-map": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", + "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==" + } + } + }, + "rollup-pluginutils": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.4.1.tgz", + "integrity": "sha512-wesMQ9/172IJDIW/lYWm0vW0LiKe5Ekjws481R7z9WTRtmO59cqyM/2uUlxvf6yzm/fElFmHUobeQOYz46dZJw==", + "requires": { + "estree-walker": "^0.6.0", + "micromatch": "^3.1.10" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safe-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", + "requires": { + "ret": "~0.1.10" + } + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "sax": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", + "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==" + }, + "semver": { + "version": "5.7.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.0.tgz", + "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==" + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" + }, + "set-value": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.0.tgz", + "integrity": "sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.3", + "split-string": "^3.0.1" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", + "requires": { + "shebang-regex": "^1.0.0" + } + }, + "shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=" + }, + "should": { + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/should/-/should-13.2.3.tgz", + "integrity": "sha512-ggLesLtu2xp+ZxI+ysJTmNjh2U0TsC+rQ/pfED9bUZZ4DKefP27D+7YJVVTvKsmjLpIi9jAa7itwDGkDDmt1GQ==", + "requires": { + "should-equal": "^2.0.0", + "should-format": "^3.0.3", + "should-type": "^1.4.0", + "should-type-adaptors": "^1.0.1", + "should-util": "^1.0.0" + } + }, + "should-equal": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/should-equal/-/should-equal-2.0.0.tgz", + "integrity": "sha512-ZP36TMrK9euEuWQYBig9W55WPC7uo37qzAEmbjHz4gfyuXrEUgF8cUvQVO+w+d3OMfPvSRQJ22lSm8MQJ43LTA==", + "requires": { + "should-type": "^1.4.0" + } + }, + "should-format": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/should-format/-/should-format-3.0.3.tgz", + "integrity": "sha1-m/yPdPo5IFxT04w01xcwPidxJPE=", + "requires": { + "should-type": "^1.3.0", + "should-type-adaptors": "^1.0.1" + } + }, + "should-type": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/should-type/-/should-type-1.4.0.tgz", + "integrity": "sha1-B1bYzoRt/QmEOmlHcZ36DUz/XPM=" + }, + "should-type-adaptors": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/should-type-adaptors/-/should-type-adaptors-1.1.0.tgz", + "integrity": "sha512-JA4hdoLnN+kebEp2Vs8eBe9g7uy0zbRo+RMcU0EsNy+R+k049Ki+N5tT5Jagst2g7EAja+euFuoXFCa8vIklfA==", + "requires": { + "should-type": "^1.3.0", + "should-util": "^1.0.0" + } + }, + "should-util": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/should-util/-/should-util-1.0.0.tgz", + "integrity": "sha1-yYzaN0qmsZDfi6h8mInCtNtiAGM=" + }, + "signal-exit": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", + "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" + }, + "simple-swizzle": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", + "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=", + "requires": { + "is-arrayish": "^0.3.1" + }, + "dependencies": { + "is-arrayish": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", + "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==" + } + } + }, + "slash": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz", + "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", + "dev": true + }, + "snapdragon": { + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", + "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", + "requires": { + "base": "^0.11.1", + "debug": "^2.2.0", + "define-property": "^0.2.5", + "extend-shallow": "^2.0.1", + "map-cache": "^0.2.2", + "source-map": "^0.5.6", + "source-map-resolve": "^0.5.0", + "use": "^3.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + }, + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + } + } + }, + "snapdragon-node": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", + "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", + "requires": { + "define-property": "^1.0.0", + "isobject": "^3.0.0", + "snapdragon-util": "^3.0.1" + }, + "dependencies": { + "define-property": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", + "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", + "requires": { + "is-descriptor": "^1.0.0" + } + }, + "is-accessor-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", + "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-data-descriptor": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", + "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "requires": { + "kind-of": "^6.0.0" + } + }, + "is-descriptor": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", + "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "requires": { + "is-accessor-descriptor": "^1.0.0", + "is-data-descriptor": "^1.0.0", + "kind-of": "^6.0.2" + } + } + } + }, + "snapdragon-util": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", + "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", + "requires": { + "kind-of": "^3.2.0" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" + }, + "source-map-resolve": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.2.tgz", + "integrity": "sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==", + "requires": { + "atob": "^2.1.1", + "decode-uri-component": "^0.2.0", + "resolve-url": "^0.2.1", + "source-map-url": "^0.4.0", + "urix": "^0.1.0" + } + }, + "source-map-support": { + "version": "0.4.18", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz", + "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==", + "requires": { + "source-map": "^0.5.6" + } + }, + "source-map-url": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", + "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=" + }, + "sourcemap-codec": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz", + "integrity": "sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==" + }, + "split-string": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", + "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", + "requires": { + "extend-shallow": "^3.0.0" + } + }, + "sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" + }, + "sshpk": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", + "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", + "requires": { + "asn1": "~0.2.3", + "assert-plus": "^1.0.0", + "bcrypt-pbkdf": "^1.0.0", + "dashdash": "^1.12.0", + "ecc-jsbn": "~0.1.1", + "getpass": "^0.1.1", + "jsbn": "~0.1.0", + "safer-buffer": "^2.0.2", + "tweetnacl": "~0.14.0" + } + }, + "stable": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", + "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==" + }, + "stack-trace": { + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", + "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" + }, + "static-extend": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", + "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", + "requires": { + "define-property": "^0.2.5", + "object-copy": "^0.1.0" + }, + "dependencies": { + "define-property": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", + "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", + "requires": { + "is-descriptor": "^0.1.0" + } + } + } + }, + "string-hash": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz", + "integrity": "sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=" + }, + "string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "requires": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", + "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", + "dev": true + }, + "strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "requires": { + "ansi-regex": "^4.1.0" + } + } + } + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "strip-ansi": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", + "requires": { + "ansi-regex": "^2.0.0" + } + }, + "strip-eof": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", + "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=" + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + }, + "svg-sprite": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/svg-sprite/-/svg-sprite-1.5.0.tgz", + "integrity": "sha512-0mE5BLY3K8wg3+HrYfzpiKbIM44IGcg8uINED8ri22EdQbLvGecOHjRtkrNAlphbiU5kyGyqoBlIaukL45fs2Q==", + "requires": { + "async": "^2.6.1", + "css-selector-parser": "^1.3.0", + "cssmin": "^0.4.3", + "cssom": "^0.3.4", + "dateformat": "^3.0.3", + "glob": "^7.1.3", + "js-yaml": "^3.12.0", + "lodash": "^4.17.11", + "lodash.pluck": "^3.1.2", + "mkdirp": "^0.5.1", + "mocha": "^5.2.0", + "mustache": "^3.0.0", + "phantomjs-prebuilt": "^2.1.16", + "prettysize": "^1.1.0", + "should": "^13.2.3", + "svgo": "^1.1.1", + "vinyl": "^2.2.0", + "winston": "^3.1.0", + "xmldom": "0.1.27", + "xpath": "^0.0.27", + "yargs": "^12.0.2" + }, + "dependencies": { + "ansi-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", + "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" + }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } + }, + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + }, + "yargs": { + "version": "12.0.5", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz", + "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==", + "requires": { + "cliui": "^4.0.0", + "decamelize": "^1.2.0", + "find-up": "^3.0.0", + "get-caller-file": "^1.0.1", + "os-locale": "^3.0.0", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^2.0.0", + "which-module": "^2.0.0", + "y18n": "^3.2.1 || ^4.0.0", + "yargs-parser": "^11.1.1" + } + }, + "yargs-parser": { + "version": "11.1.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz", + "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==", + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + } + } + }, + "svgo": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.2.2.tgz", + "integrity": "sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==", + "requires": { + "chalk": "^2.4.1", + "coa": "^2.0.2", + "css-select": "^2.0.0", + "css-select-base-adapter": "^0.1.1", + "css-tree": "1.0.0-alpha.28", + "css-url-regex": "^1.1.0", + "csso": "^3.5.1", + "js-yaml": "^3.13.1", + "mkdirp": "~0.5.1", + "object.values": "^1.1.0", + "sax": "~1.2.4", + "stable": "^0.1.8", + "unquote": "~1.1.1", + "util.promisify": "~1.0.0" + } + }, + "tailwindcss": { + "version": "1.4.6", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-1.4.6.tgz", + "integrity": "sha512-qV0qInUq1FWih39Bc5CWECdgObSzRrbjGD4ke4kAPSIq6WXrPhv0wwOcUWJgJ66ltT9j+XnSRYikG8WNRU/fTQ==", + "dev": true, + "requires": { + "@fullhuman/postcss-purgecss": "^2.1.2", + "autoprefixer": "^9.4.5", + "browserslist": "^4.12.0", + "bytes": "^3.0.0", + "chalk": "^4.0.0", + "color": "^3.1.2", + "detective": "^5.2.0", + "fs-extra": "^8.0.0", + "lodash": "^4.17.15", + "node-emoji": "^1.8.1", + "normalize.css": "^8.0.1", + "postcss": "^7.0.11", + "postcss-functions": "^3.0.0", + "postcss-js": "^2.0.0", + "postcss-nested": "^4.1.1", + "postcss-selector-parser": "^6.0.0", + "pretty-hrtime": "^1.0.3", + "reduce-css-calc": "^2.1.6", + "resolve": "^1.14.2" + }, + "dependencies": { + "@fullhuman/postcss-purgecss": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.2.0.tgz", + "integrity": "sha512-q4zYAn8L9olA5uneaLhxkHRBoug9dnAqytbdX9R5dbzSORobhYr1yGR2JN3Q1UMd5RB0apm1NvJekHaymal/BQ==", + "dev": true, + "requires": { + "postcss": "7.0.28", + "purgecss": "^2.2.0" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "dependencies": { + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss": { + "version": "7.0.28", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", + "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + } + } + }, + "chalk": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz", + "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==", + "dev": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", + "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", + "dev": true, + "requires": { + "@types/color-name": "^1.1.1", + "color-convert": "^2.0.1" + } + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, + "supports-color": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", + "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", + "dev": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, + "color": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", + "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", + "dev": true, + "requires": { + "color-convert": "^1.9.1", + "color-string": "^1.5.2" + }, + "dependencies": { + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + } + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "commander": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz", + "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==", + "dev": true + }, + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true + }, + "fs-extra": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", + "dev": true, + "requires": { + "graceful-fs": "^4.2.0", + "jsonfile": "^4.0.0", + "universalify": "^0.1.0" + } + }, + "graceful-fs": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", + "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "dev": true + }, + "lodash": { + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", + "dev": true + }, + "postcss-selector-parser": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz", + "integrity": "sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==", + "dev": true, + "requires": { + "cssesc": "^3.0.0", + "indexes-of": "^1.0.1", + "uniq": "^1.0.1" + } + }, + "purgecss": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.2.1.tgz", + "integrity": "sha512-wngRSLW1dpNr8kr3TL9nTJMyTFI5BiRiaUUEys5M1CA4zEHLF25fRHoshEeDqmhstaNTOddmpYM34zRrUtEGbQ==", + "dev": true, + "requires": { + "commander": "^5.0.0", + "glob": "^7.0.0", + "postcss": "7.0.28", + "postcss-selector-parser": "^6.0.2" + }, + "dependencies": { + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "dependencies": { + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "postcss": { + "version": "7.0.28", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.28.tgz", + "integrity": "sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==", + "dev": true, + "requires": { + "chalk": "^2.4.2", + "source-map": "^0.6.1", + "supports-color": "^6.1.0" + } + } + } + }, + "resolve": { + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", + "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", + "dev": true, + "requires": { + "path-parse": "^1.0.6" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", + "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "tailwindcss-aspect-ratio": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/tailwindcss-aspect-ratio/-/tailwindcss-aspect-ratio-3.0.0.tgz", + "integrity": "sha512-syVueHOdk0u6S9lFSQQxHwsYS+9AJ0tp1WWBB+vAwmJYzc9g/2OLwq4mHpigYue6t3PUgTSbRi9unQd7WEDjGQ==", + "dev": true, + "requires": { + "lodash": "^4.17.15" + }, + "dependencies": { + "lodash": { + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", + "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", + "dev": true + } + } + }, + "tailwindcss-transitions": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/tailwindcss-transitions/-/tailwindcss-transitions-1.0.4.tgz", + "integrity": "sha512-nK+qUWhHCTspQjdLxpK0SXVdaXbjxVuX2kNvvGaK3Df64RbOaOLjOv0h+ifvLFy2cesAstckvqlAzd/yqFRk0g==", + "dev": true, + "requires": { + "lodash": "^4.17.10" + } + }, + "text-hex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz", + "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==" + }, + "throttleit": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz", + "integrity": "sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=" + }, + "to-fast-properties": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz", + "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=" + }, + "to-object-path": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", + "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", + "requires": { + "kind-of": "^3.0.2" + }, + "dependencies": { + "kind-of": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", + "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", + "requires": { + "is-buffer": "^1.1.5" + } + } + } + }, + "to-regex": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", + "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", + "requires": { + "define-property": "^2.0.2", + "extend-shallow": "^3.0.2", + "regex-not": "^1.0.2", + "safe-regex": "^1.1.0" + } + }, + "to-regex-range": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", + "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", + "requires": { + "is-number": "^3.0.0", + "repeat-string": "^1.6.1" + } + }, + "tough-cookie": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", + "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", + "requires": { + "psl": "^1.1.24", + "punycode": "^1.4.1" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=" + } + } + }, + "trim-right": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", + "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=" + }, + "triple-beam": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz", + "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==" + }, + "tunnel-agent": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", + "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", + "requires": { + "safe-buffer": "^5.0.1" + } + }, + "tweetnacl": { + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" + }, + "typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" + }, + "unicode-canonical-property-names-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", + "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==" + }, + "unicode-match-property-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz", + "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==", + "requires": { + "unicode-canonical-property-names-ecmascript": "^1.0.4", + "unicode-property-aliases-ecmascript": "^1.0.4" + } + }, + "unicode-match-property-value-ecmascript": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.0.2.tgz", + "integrity": "sha512-Rx7yODZC1L/T8XKo/2kNzVAQaRE88AaMvI1EF/Xnj3GW2wzN6fop9DDWuFAKUVFH7vozkz26DzP0qyWLKLIVPQ==" + }, + "unicode-property-aliases-ecmascript": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.4.tgz", + "integrity": "sha512-2WSLa6OdYd2ng8oqiGIWnJqyFArvhn+5vgx5GTxMbUYjCYKUcuKS62YLFF0R/BDGlB1yzXjQOLtPAfHsgirEpg==" + }, + "union-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", + "integrity": "sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=", + "requires": { + "arr-union": "^3.1.0", + "get-value": "^2.0.6", + "is-extendable": "^0.1.1", + "set-value": "^0.4.3" + }, + "dependencies": { + "extend-shallow": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", + "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", + "requires": { + "is-extendable": "^0.1.0" + } + }, + "set-value": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz", + "integrity": "sha1-fbCPnT0i3H945Trzw79GZuzfzPE=", + "requires": { + "extend-shallow": "^2.0.1", + "is-extendable": "^0.1.1", + "is-plain-object": "^2.0.1", + "to-object-path": "^0.3.0" + } + } + } + }, + "uniq": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz", + "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=" + }, + "universal-analytics": { + "version": "0.4.23", + "resolved": "https://registry.npmjs.org/universal-analytics/-/universal-analytics-0.4.23.tgz", + "integrity": "sha512-lgMIH7XBI6OgYn1woDEmxhGdj8yDefMKg7GkWdeATAlQZFrMrNyxSkpDzY57iY0/6fdlzTbBV03OawvvzG+q7A==", + "dev": true, + "requires": { + "debug": "^4.1.1", + "request": "^2.88.2", + "uuid": "^3.0.0" + }, + "dependencies": { + "debug": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", + "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", + "dev": true, + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "request": { + "version": "2.88.2", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", + "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", + "dev": true, + "requires": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.3", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.5.0", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + } + }, + "tough-cookie": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", + "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", + "dev": true, + "requires": { + "psl": "^1.1.28", + "punycode": "^2.1.1" + } + } + } + }, + "universalify": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", + "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==" + }, + "unquote": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz", + "integrity": "sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=" + }, + "unset-value": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", + "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", + "requires": { + "has-value": "^0.3.1", + "isobject": "^3.0.0" + }, + "dependencies": { + "has-value": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", + "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", + "requires": { + "get-value": "^2.0.3", + "has-values": "^0.1.4", + "isobject": "^2.0.0" + }, + "dependencies": { + "isobject": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", + "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", + "requires": { + "isarray": "1.0.0" + } + } + } + }, + "has-values": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", + "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" + } + } + }, + "upath": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.2.tgz", + "integrity": "sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==", + "dev": true + }, + "uri-js": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", + "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "requires": { + "punycode": "^2.1.0" + } + }, + "urix": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", + "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" + }, + "use": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", + "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" + }, + "util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" + }, + "util.promisify": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz", + "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==", + "requires": { + "define-properties": "^1.1.2", + "object.getownpropertydescriptors": "^2.0.3" + } + }, + "uuid": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz", + "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==" + }, + "v-lazy-image": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/v-lazy-image/-/v-lazy-image-1.3.2.tgz", + "integrity": "sha512-yZYMLoy95S4K9mWE/2DMZcwvaWnGiAHGXcKRruyrFvAdFm2fsnfyL0yj2UwXEGliNZO7I4mRy9/RB7J4CT0HAQ==" + }, + "verror": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", + "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", + "requires": { + "assert-plus": "^1.0.0", + "core-util-is": "1.0.2", + "extsprintf": "^1.2.0" + } + }, + "vinyl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "requires": { + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" + } + }, + "vlq": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.0.tgz", + "integrity": "sha512-o3WmXySo+oI5thgqr7Qy8uBkT/v9Zr+sRyrh1lr8aWPUkgDWdWt4Nae2WKBrLsocgE8BuWWD0jLc+VW8LeU+2g==" + }, + "vue": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.7.tgz", + "integrity": "sha512-g7ADfQ82QU+j6F/bVDioVQf2ccIMYLuR4E8ev+RsDBlmwRkhGO3HhgF4PF9vpwjdPpxyb1zzLur2nQ2oIMAMEg==" + }, + "vue-carousel": { + "version": "0.18.0", + "resolved": "https://registry.npmjs.org/vue-carousel/-/vue-carousel-0.18.0.tgz", + "integrity": "sha512-a2zxh7QJioDxNMguqcuJ7TPbfgK5bGDaAXIia7NWxPAWsEvNE4ZtHgsGu40L5Aha4uyjmNKXvleB14QAXFoKig==", + "dev": true, + "requires": { + "global": "^4.3.2", + "regenerator-runtime": "^0.12.1", + "vue": "^2.5.17" + }, + "dependencies": { + "regenerator-runtime": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz", + "integrity": "sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==", + "dev": true + } + } + }, + "vue-runtime-helpers": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/vue-runtime-helpers/-/vue-runtime-helpers-1.0.0.tgz", + "integrity": "sha512-DgwCNgIXkq1GJsWwtFOjA/K2nxpjyon/QqAut0EiwrMHBatAPbfdqksDdRoK15b5YrSJRa59rx3pc0L6V4udUA==" + }, + "vue-template-compiler": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.7.tgz", + "integrity": "sha512-ZjxJLr6Lw2gj6aQGKwBWTxVNNd28/qggIdwvr5ushrUHUvqgbHD0xusOVP2yRxT4pX3wRIJ2LfxjgFT41dEtoQ==", + "requires": { + "de-indent": "^1.0.2", + "he": "^1.1.0" + } + }, + "vue-template-es2015-compiler": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.0.tgz", + "integrity": "sha512-daCQZUxBC8nFHkEHRYDA8Zn90T+FxJ4R3zOcn/G8HAxdJK304T+Qtw/ui5Qg8L/Rg7fUQ4ZE4wvgESlR/LArxg==" + }, + "which": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", + "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "requires": { + "isexe": "^2.0.0" + } + }, + "which-module": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", + "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=" + }, + "winston": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/winston/-/winston-3.2.1.tgz", + "integrity": "sha512-zU6vgnS9dAWCEKg/QYigd6cgMVVNwyTzKs81XZtTFuRwJOcDdBg7AU0mXVyNbs7O5RH2zdv+BdNZUlx7mXPuOw==", + "requires": { + "async": "^2.6.1", + "diagnostics": "^1.1.1", + "is-stream": "^1.1.0", + "logform": "^2.1.1", + "one-time": "0.0.4", + "readable-stream": "^3.1.1", + "stack-trace": "0.0.x", + "triple-beam": "^1.3.0", + "winston-transport": "^4.3.0" + }, + "dependencies": { + "readable-stream": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", + "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", + "requires": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + } + } + } + }, + "winston-transport": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.3.0.tgz", + "integrity": "sha512-B2wPuwUi3vhzn/51Uukcao4dIduEiPOcOt9HJ3QeaXgkJ5Z7UwpBzxS4ZGNHtrxrUvTwemsQiSys0ihOf8Mp1A==", + "requires": { + "readable-stream": "^2.3.6", + "triple-beam": "^1.2.0" + } + }, + "wrap-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1" + }, + "dependencies": { + "is-blockwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-blockwidth-code-point/-/is-blockwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" + }, + "ws": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz", + "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==", + "requires": { + "async-limiter": "~1.0.0" + } + }, + "xmldom": { + "version": "0.1.27", + "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.1.27.tgz", + "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=" + }, + "xpath": { + "version": "0.0.27", + "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz", + "integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==" + }, + "xtend": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", + "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "dev": true + }, + "y18n": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", + "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==" + }, + "yallist": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", + "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=" + }, + "yargs": { + "version": "13.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.2.2.tgz", + "integrity": "sha512-WyEoxgyTD3w5XRpAQNYUB9ycVH/PQrToaTXdYXRdOXvEy1l19br+VJsc0vcO8PTGg5ro/l/GY7F/JMEBmI0BxA==", + "dev": true, + "requires": { + "cliui": "^4.0.0", + "find-up": "^3.0.0", + "get-caller-file": "^2.0.1", + "os-locale": "^3.1.0", + "require-directory": "^2.1.1", + "require-main-filename": "^2.0.0", + "set-blocking": "^2.0.0", + "string-width": "^3.0.0", + "which-module": "^2.0.0", + "y18n": "^4.0.0", + "yargs-parser": "^13.0.0" + } + }, + "yargs-parser": { + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.0.0.tgz", + "integrity": "sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==", + "dev": true, + "requires": { + "camelcase": "^5.0.0", + "decamelize": "^1.2.0" + } + }, + "yauzl": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz", + "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=", + "requires": { + "fd-slicer": "~1.0.1" + } + } + } } diff --git a/ui.apps/package.json b/ui.apps/package.json index 252ea1bd6..dc08f8934 100644 --- a/ui.apps/package.json +++ b/ui.apps/package.json @@ -1,60 +1,60 @@ { - "name": "build", - "version": "1.0.0", - "description": "default vue build for peregrinecms", - "repository": { - "type": "git", - "url": "https://github.com/headwirecom/themeclean-flex.git", - "directory": "ui.apps" - }, - "main": "index.js", - "config": { - "host": "localhost", - "port": "8080" - }, - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1", - "build": "node node/node_modules/npm run build:styles && node ./src/main/content/buildscripts/buildvue.js themecleanflex", - "build:componentlibrary": "node ./src/main/content/buildscripts/cl.js", - "build:styles": "postcss -c ./postcss.config.js -o ./src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css ./src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css", - "build:iconsprites": "node ./src/main/content/buildscripts/buildicons.js", - "build:screenshots": "cross-var node src/main/content/buildscripts/validatepage.js http://$npm_package_config_host:$npm_package_config_port/content/themecleanflex/pages /library.html" - }, - "author": "", - "license": "Apache-2.0", - "dependencies": { - "camelcase": "^5.0.0", - "cross-var": "^1.1.0", - "fs-extra": "^7.0.1", - "marked": "^0.6.2", - "puppeteer": "^1.19.0", - "rollup": "^1.1.2", - "rollup-plugin-buble": "^0.19.6", - "rollup-plugin-commonjs": "^9.2.0", - "rollup-plugin-vue": "^4.6.1", - "svg-sprite": "^1.5.0", - "v-lazy-image": "^1.3.2", - "vinyl": "^2.2.0", - "vue": "^2.5.22", - "vue-template-compiler": "^2.5.22" - }, - "devDependencies": { - "@analytics/google-analytics": "^0.4.0", - "@analytics/perfumejs": "^0.2.0", - "@fullhuman/postcss-purgecss": "^1.1.0", - "analytics": "^0.5.3", - "perfume.js": "^5.1.0", - "pixelmatch": "^5.0.2", - "pngjs": "^3.4.0", - "postcss": "^7.0.14", - "postcss-cli": "^6.1.2", - "postcss-import": "^12.0.1", - "puppeteer": "^1.19.0", - "purgecss": "^1.2.0", - "rollup-plugin-node-resolve": "^4.2.3", - "tailwindcss": "^1.4.6", - "tailwindcss-aspect-ratio": "^3.0.0", - "tailwindcss-transitions": "^1.0.4", - "vue-carousel": "^0.18.0" - } + "name": "build", + "version": "1.0.0", + "description": "default vue build for peregrinecms", + "repository": { + "type": "git", + "url": "https://github.com/headwirecom/themeclean-flex.git", + "directory": "ui.apps" + }, + "main": "index.js", + "config": { + "host": "localhost", + "port": "8080" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "build": "node node/node_modules/npm run build:styles && node ./src/main/content/buildscripts/buildvue.js themecleanflex", + "build:componentlibrary": "node ./src/main/content/buildscripts/cl.js", + "build:styles": "postcss -c ./postcss.config.js -o ./src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css ./src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css", + "build:iconsprites": "node ./src/main/content/buildscripts/buildicons.js", + "build:screenshots": "cross-var node src/main/content/buildscripts/validatepage.js http://$npm_package_config_host:$npm_package_config_port/content/themecleanflex/pages /library.html" + }, + "author": "", + "license": "Apache-2.0", + "dependencies": { + "camelcase": "^5.0.0", + "cross-var": "^1.1.0", + "fs-extra": "^7.0.1", + "marked": "^0.6.2", + "puppeteer": "^1.19.0", + "rollup": "^1.1.2", + "rollup-plugin-buble": "^0.19.6", + "rollup-plugin-commonjs": "^9.2.0", + "rollup-plugin-vue": "^4.6.1", + "svg-sprite": "^1.5.0", + "v-lazy-image": "^1.3.2", + "vinyl": "^2.2.0", + "vue": "^2.5.22", + "vue-template-compiler": "^2.5.22" + }, + "devDependencies": { + "@analytics/google-analytics": "^0.4.0", + "@analytics/perfumejs": "^0.2.0", + "@fullhuman/postcss-purgecss": "^1.1.0", + "analytics": "^0.5.3", + "perfume.js": "^5.1.0", + "pixelmatch": "^5.0.2", + "pngjs": "^3.4.0", + "postcss": "^7.0.14", + "postcss-cli": "^6.1.2", + "postcss-import": "^12.0.1", + "puppeteer": "^1.19.0", + "purgecss": "^1.2.0", + "rollup-plugin-node-resolve": "^4.2.3", + "tailwindcss": "^1.4.6", + "tailwindcss-aspect-ratio": "^3.0.0", + "tailwindcss-transitions": "^1.0.4", + "vue-carousel": "^0.18.0" + } } diff --git a/ui.apps/postcss.config.js b/ui.apps/postcss.config.js index 310e5c3ad..0e1411cc2 100644 --- a/ui.apps/postcss.config.js +++ b/ui.apps/postcss.config.js @@ -3,145 +3,145 @@ const tailwind = require("tailwindcss"); const atImport = require("postcss-import"); class TailwindExtractor { - static extract(content) { - return content.match(/[A-Za-z0-9-_:\/]+/g) || []; - } + static extract(content) { + return content.match(/[A-Za-z0-9-_:\/]+/g) || []; + } } module.exports = { - plugins: [ - atImport(), - tailwind("./tailwind.config.js"), - new purgecss({ - content: [ - "./src/main/content/jcr_root/**/*.vue", - "./src/main/content/jcr_root/**/dialog.json", - "./src/main/content/jcr_root/**/*html", - ], - whitelist: [ - "body", - "w-auto", - "w-full", - "w-1/2", - "w-1/3", - "w-2/3", - "w-1/4", - "w-2/4", - "w-3/4", - "w-1/5", - "w-2/5", - "w-3/5", - "w-4/5", - "w-1/6", - "w-2/6", - "w-3/6", - "w-4/6", - "w-5/6", - "w-1/12", - "w-2/12", - "w-3/12", - "w-4/12", - "w-5/12", - "w-6/12", - "w-7/12", - "w-8/12", - "w-9/12", - "w-10/12", - "w-11/12", - "sm:w-auto", - "sm:w-full", - "sm:w-1/2", - "sm:w-1/3", - "sm:w-2/3", - "sm:w-1/4", - "sm:w-2/4", - "sm:w-3/4", - "sm:w-1/5", - "sm:w-2/5", - "sm:w-3/5", - "sm:w-4/5", - "sm:w-1/6", - "sm:w-2/6", - "sm:w-3/6", - "sm:w-4/6", - "sm:w-5/6", - "sm:w-1/12", - "sm:w-2/12", - "sm:w-3/12", - "sm:w-4/12", - "sm:w-5/12", - "sm:w-6/12", - "sm:w-7/12", - "sm:w-8/12", - "sm:w-9/12", - "sm:w-10/12", - "sm:w-11/12", - "md:w-auto", - "md:w-full", - "md:w-1/2", - "md:w-1/3", - "md:w-2/3", - "md:w-1/4", - "md:w-2/4", - "md:w-3/4", - "md:w-1/5", - "md:w-2/5", - "md:w-3/5", - "md:w-4/5", - "md:w-1/6", - "md:w-2/6", - "md:w-3/6", - "md:w-4/6", - "md:w-5/6", - "md:w-1/12", - "md:w-2/12", - "md:w-3/12", - "md:w-4/12", - "md:w-5/12", - "md:w-6/12", - "md:w-7/12", - "md:w-8/12", - "md:w-9/12", - "md:w-10/12", - "md:w-11/12", - "lg:w-auto", - "lg:w-full", - "lg:w-1/2", - "lg:w-1/3", - "lg:w-2/3", - "lg:w-1/4", - "lg:w-2/4", - "lg:w-3/4", - "lg:w-1/5", - "lg:w-2/5", - "lg:w-3/5", - "lg:w-4/5", - "lg:w-1/6", - "lg:w-2/6", - "lg:w-3/6", - "lg:w-4/6", - "lg:w-5/6", - "lg:w-1/12", - "lg:w-2/12", - "lg:w-3/12", - "lg:w-4/12", - "lg:w-5/12", - "lg:w-6/12", - "lg:w-7/12", - "lg:w-8/12", - "lg:w-9/12", - "lg:w-10/12", - "lg:w-11/12", - ], - extractors: [ - { - extractor: TailwindExtractor, + plugins: [ + atImport(), + tailwind("./tailwind.config.js"), + new purgecss({ + content: [ + "./src/main/content/jcr_root/**/*.vue", + "./src/main/content/jcr_root/**/dialog.json", + "./src/main/content/jcr_root/**/*html", + ], + whitelist: [ + "body", + "w-auto", + "w-full", + "w-1/2", + "w-1/3", + "w-2/3", + "w-1/4", + "w-2/4", + "w-3/4", + "w-1/5", + "w-2/5", + "w-3/5", + "w-4/5", + "w-1/6", + "w-2/6", + "w-3/6", + "w-4/6", + "w-5/6", + "w-1/12", + "w-2/12", + "w-3/12", + "w-4/12", + "w-5/12", + "w-6/12", + "w-7/12", + "w-8/12", + "w-9/12", + "w-10/12", + "w-11/12", + "sm:w-auto", + "sm:w-full", + "sm:w-1/2", + "sm:w-1/3", + "sm:w-2/3", + "sm:w-1/4", + "sm:w-2/4", + "sm:w-3/4", + "sm:w-1/5", + "sm:w-2/5", + "sm:w-3/5", + "sm:w-4/5", + "sm:w-1/6", + "sm:w-2/6", + "sm:w-3/6", + "sm:w-4/6", + "sm:w-5/6", + "sm:w-1/12", + "sm:w-2/12", + "sm:w-3/12", + "sm:w-4/12", + "sm:w-5/12", + "sm:w-6/12", + "sm:w-7/12", + "sm:w-8/12", + "sm:w-9/12", + "sm:w-10/12", + "sm:w-11/12", + "md:w-auto", + "md:w-full", + "md:w-1/2", + "md:w-1/3", + "md:w-2/3", + "md:w-1/4", + "md:w-2/4", + "md:w-3/4", + "md:w-1/5", + "md:w-2/5", + "md:w-3/5", + "md:w-4/5", + "md:w-1/6", + "md:w-2/6", + "md:w-3/6", + "md:w-4/6", + "md:w-5/6", + "md:w-1/12", + "md:w-2/12", + "md:w-3/12", + "md:w-4/12", + "md:w-5/12", + "md:w-6/12", + "md:w-7/12", + "md:w-8/12", + "md:w-9/12", + "md:w-10/12", + "md:w-11/12", + "lg:w-auto", + "lg:w-full", + "lg:w-1/2", + "lg:w-1/3", + "lg:w-2/3", + "lg:w-1/4", + "lg:w-2/4", + "lg:w-3/4", + "lg:w-1/5", + "lg:w-2/5", + "lg:w-3/5", + "lg:w-4/5", + "lg:w-1/6", + "lg:w-2/6", + "lg:w-3/6", + "lg:w-4/6", + "lg:w-5/6", + "lg:w-1/12", + "lg:w-2/12", + "lg:w-3/12", + "lg:w-4/12", + "lg:w-5/12", + "lg:w-6/12", + "lg:w-7/12", + "lg:w-8/12", + "lg:w-9/12", + "lg:w-10/12", + "lg:w-11/12", + ], + extractors: [ + { + extractor: TailwindExtractor, - // Specify the file extensions to include when scanning for - // class names. - extensions: ["html", "js", "vue", "json"], - }, - ], - }), - ], + // Specify the file extensions to include when scanning for + // class names. + extensions: ["html", "js", "vue", "json"], + }, + ], + }), + ], }; diff --git a/ui.apps/src/main/content/buildscripts/buildicons.js b/ui.apps/src/main/content/buildscripts/buildicons.js index 07e5ba209..6b69713f0 100644 --- a/ui.apps/src/main/content/buildscripts/buildicons.js +++ b/ui.apps/src/main/content/buildscripts/buildicons.js @@ -1,38 +1,38 @@ var SVGSpriter = require("svg-sprite"), - mkdirp = require("mkdirp"), - path = require("path"), - fs = require("fs"), - File = require("vinyl"), - glob = require("glob"), - spriter = new SVGSpriter({ - dest: "out", - mode: { - symbol: { - inline: true, - }, - }, - }); + mkdirp = require("mkdirp"), + path = require("path"), + fs = require("fs"), + File = require("vinyl"), + glob = require("glob"), + spriter = new SVGSpriter({ + dest: "out", + mode: { + symbol: { + inline: true, + }, + }, + }); var basePath = path.resolve("./src/main/content/jcr_root"); var iconPath = basePath + "/content/themecleanflex/assets/icons"; // Find SVG files recursively via `glob` glob.glob("**/*.svg", { cwd: iconPath }, function (err, files) { - files.forEach(function (file) { - // Create and add a vinyl file instance for each SVG - spriter.add( - new File({ - path: path.join(iconPath, file), // Absolute path to the SVG file - base: iconPath, // Base path (see `name` argument) - contents: fs.readFileSync(path.join(iconPath, file)), // SVG file contents - }) - ); - }); + files.forEach(function (file) { + // Create and add a vinyl file instance for each SVG + spriter.add( + new File({ + path: path.join(iconPath, file), // Absolute path to the SVG file + base: iconPath, // Base path (see `name` argument) + contents: fs.readFileSync(path.join(iconPath, file)), // SVG file contents + }) + ); + }); - spriter.compile(function (error, result, data) { - fs.writeFileSync( - basePath + "/apps/themecleanflex/components/page/iconsprites.html", - result.symbol.sprite.contents - ); - }); + spriter.compile(function (error, result, data) { + fs.writeFileSync( + basePath + "/apps/themecleanflex/components/page/iconsprites.html", + result.symbol.sprite.contents + ); + }); }); diff --git a/ui.apps/src/main/content/buildscripts/buildvue.js b/ui.apps/src/main/content/buildscripts/buildvue.js index c67388eec..470a92327 100644 --- a/ui.apps/src/main/content/buildscripts/buildvue.js +++ b/ui.apps/src/main/content/buildscripts/buildvue.js @@ -13,10 +13,10 @@ console.log("=== building vue files ========================================"); var felibName = ""; if (process.argv.length >= 3) { - felibName = process.argv[2]; + felibName = process.argv[2]; } else { - console.log("please provide a name for the felib to use"); - process.exit(-1); + console.log("please provide a name for the felib to use"); + process.exit(-1); } console.log("building felib", felibName); @@ -38,58 +38,58 @@ fs.mkdirsSync(distBasePath + "/js"); * @returns {{name: string, nameCamelCase: *, nameCapitalCamelCase: string}} */ function compileComponent(file) { - console.log("compiling vue file: .%s", file); - // get component name from file name (file: a.vue, name: a) - var name = file - .substring(1, file.lastIndexOf("/")) - .toLowerCase() - .split("/") - .join("-"); - var nameCamelCase = camelcase(name); - var nameCapitalCamelCase = - nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1); + console.log("compiling vue file: .%s", file); + // get component name from file name (file: a.vue, name: a) + var name = file + .substring(1, file.lastIndexOf("/")) + .toLowerCase() + .split("/") + .join("-"); + var nameCamelCase = camelcase(name); + var nameCapitalCamelCase = + nameCamelCase.charAt(0).toUpperCase() + nameCamelCase.slice(1); - // each component needs a unique module name - var moduleName = "cmp" + nameCapitalCamelCase; + // each component needs a unique module name + var moduleName = "cmp" + nameCapitalCamelCase; - // compile the Vue component and give us a .js and .css - rollup - .rollup({ - input: `${basePath}${file}`, - plugins: [ - resolve(), - commonjs({ - namedExports: { - "vue-carousel": ["Carousel", "Slide"], - }, - }), - vue({ - compileTemplate: true, - css: `${distBasePath}/css/${nameCamelCase}.css`, - }), - buble({ exclude: "node_modules/**" }), - ], - }) - .then(function (bundle) { - bundle - .write({ - format: "iife", - name: moduleName, - file: `${distBasePath}/js/${nameCamelCase}.js`, - globals: { - tools: "tools", - log: "log", - }, - }) - .then(function () { - updateIndexFiles(); - }); - }); - return { - name: name, - nameCamelCase: nameCamelCase, - nameCapitalCamelCase: nameCapitalCamelCase, - }; + // compile the Vue component and give us a .js and .css + rollup + .rollup({ + input: `${basePath}${file}`, + plugins: [ + resolve(), + commonjs({ + namedExports: { + "vue-carousel": ["Carousel", "Slide"], + }, + }), + vue({ + compileTemplate: true, + css: `${distBasePath}/css/${nameCamelCase}.css`, + }), + buble({ exclude: "node_modules/**" }), + ], + }) + .then(function (bundle) { + bundle + .write({ + format: "iife", + name: moduleName, + file: `${distBasePath}/js/${nameCamelCase}.js`, + globals: { + tools: "tools", + log: "log", + }, + }) + .then(function () { + updateIndexFiles(); + }); + }); + return { + name: name, + nameCamelCase: nameCamelCase, + nameCapitalCamelCase: nameCapitalCamelCase, + }; } /** @@ -97,13 +97,13 @@ function compileComponent(file) { * */ function updateIndexFiles() { - var jsFiles = readDirs(distBasePath + "/", distBasePath + "/js", ".js"); - jsFiles.unshift(""); - fs.writeFileSync(distBasePath + "/js.txt", jsFiles.join("\n")); + var jsFiles = readDirs(distBasePath + "/", distBasePath + "/js", ".js"); + jsFiles.unshift(""); + fs.writeFileSync(distBasePath + "/js.txt", jsFiles.join("\n")); - var cssFiles = readDirs(distBasePath + "/", distBasePath + "/css", ".css"); - cssFiles.unshift(""); - fs.writeFileSync(distBasePath + "/css.txt", cssFiles.join("\n")); + var cssFiles = readDirs(distBasePath + "/", distBasePath + "/css", ".css"); + cssFiles.unshift(""); + fs.writeFileSync(distBasePath + "/css.txt", cssFiles.join("\n")); } /** @@ -116,19 +116,19 @@ function updateIndexFiles() { * @returns {Array} */ function readDirs(basePath, path, extFilter) { - var ret = new Array(); - var files = fs.readdirSync(path); - files.forEach(function (file) { - var filePath = path + "/" + file; - if (filePath.endsWith(extFilter)) { - ret.push(filePath.slice(basePath.length)); - } - var stats = fs.statSync(filePath); - if (stats.isDirectory()) { - ret = ret.concat(readDirs(basePath, filePath, extFilter)); - } - }); - return ret; + var ret = new Array(); + var files = fs.readdirSync(path); + files.forEach(function (file) { + var filePath = path + "/" + file; + if (filePath.endsWith(extFilter)) { + ret.push(filePath.slice(basePath.length)); + } + var stats = fs.statSync(filePath); + if (stats.isDirectory()) { + ret = ret.concat(readDirs(basePath, filePath, extFilter)); + } + }); + return ret; } // find all the vue files in this project @@ -136,9 +136,9 @@ var vueFiles = readDirs(basePath, basePath, ".vue"); // for each of the files compile it vueFiles.forEach(function (file) { - compileComponent(file); + compileComponent(file); }); if (process.argv[3]) { - console.log("upload"); + console.log("upload"); } diff --git a/ui.apps/src/main/content/buildscripts/cl-fragments.js b/ui.apps/src/main/content/buildscripts/cl-fragments.js index f972c5eca..3588c28f7 100644 --- a/ui.apps/src/main/content/buildscripts/cl-fragments.js +++ b/ui.apps/src/main/content/buildscripts/cl-fragments.js @@ -3,17 +3,17 @@ let marked = require("marked"); let idx = 0; function escape(text) { - return text - .replace(/&/g, "&") - .replace(//g, ">") - .replace(/"/g, """); + return text + .replace(/&/g, "&") + .replace(//g, ">") + .replace(/"/g, """); } function card(title, text, link) { - let shortened = text.split("#"); - let md = marked("###" + shortened[1]); - return ` + header(name) { + idx = 0; + return ` `; - }, + }, - footer() { - return ` + footer() { + return ` @@ -64,17 +64,17 @@ module.exports = { `; - }, + }, - title(title) { - return `" + title + "")}"> `; - }, + }, - subtitle(title) { - return `" + title + "")}"> `; - }, + }, - text(text) { - return ` `; - }, + }, - listChildren(path, children) { - const text = `
              + listChildren(path, children) { + const text = `
                ${children - .map((child) => `
              • ${child}
                • `) - .join("")} + .map((child) => `
              • ${child}
                • `) + .join("")}
              `; - return this.text(text); - }, + return this.text(text); + }, - tag(name, attrs, children = []) { - return `<${name}${idx} + tag(name, attrs, children = []) { + return `<${name}${idx} ${attrs - .map((attr) => attr[0] + '="' + escape(attr[1]) + '"') - .join(" ")}>${children.join("\n")} + .map((attr) => attr[0] + '="' + escape(attr[1]) + '"') + .join(" ")}>${children.join("\n")} `; - }, + }, - home() { - return ` `; - // return this.text('

              component library home

              '); - }, + // return this.text('

              component library home

              '); + }, - pager() { - return ` `; - // return this.text('

              component library home

              '); - }, + // return this.text('

              component library home

              '); + }, - intro(md) { - return ` + intro(md) { + return ` `; - }, + }, - container(el, content) { - return ` ${content} `; - }, + }, - cards(cards) { - let cardNum = idx; - idx++; - return ` ${cards.reduce( - (cards, { title, text, link }) => - cards + card(title, text, link), - "" - )} + (cards, { title, text, link }) => + cards + card(title, text, link), + "" + )} `; - }, + }, }; diff --git a/ui.apps/src/main/content/buildscripts/cl.js b/ui.apps/src/main/content/buildscripts/cl.js index b9227f8cc..5c4e1a01f 100644 --- a/ui.apps/src/main/content/buildscripts/cl.js +++ b/ui.apps/src/main/content/buildscripts/cl.js @@ -5,149 +5,155 @@ const clfrags = require("./cl-fragments.js"); const compvars = require("./variations.js"); function outSample(name, sample, variation = null) { - const data = fs.readJSONSync("../fragments/" + name + "/" + sample); - - let out = ""; - if (variation) { - const variationName = variation.name; - const withoutName = Object.assign({}, variation); - delete withoutName.name; - Object.assign(data.model, withoutName); - data.group = ".hidden"; - data.title += " Sample Variation - " + variationName; - } - out += clfrags.subtitle(`${data.title} (${data.group})`); - const attrs = [ - ["jcr:primaryType", "nt:unstructured"], - ["sling:resourceType", "themecleanflex/components/" + name], - ]; - const children = []; - - for (let prop in data.model) { - if (typeof data.model[prop] === "string") { - attrs.push([prop, data.model[prop]]); - } else { - const ret = ["<" + prop + ' jcr:primaryType="nt:unstructured">']; - const list = data.model[prop]; - for (let i = 0; i < list.length; i++) { - const child = list[i]; - const attrs = [["jcr:primaryType", "nt:unstructured"]]; - for (let prop in child) { - if (typeof child[prop] === "string") { - attrs.push([prop, child[prop]]); - } - } - ret.push(clfrags.tag("c", attrs)); - } - ret.push(""); - children.push(ret.join("")); - } - } - out += clfrags.tag(name, attrs, children); - return out; + const data = fs.readJSONSync("../fragments/" + name + "/" + sample); + + let out = ""; + if (variation) { + const variationName = variation.name; + const withoutName = Object.assign({}, variation); + delete withoutName.name; + Object.assign(data.model, withoutName); + data.group = ".hidden"; + data.title += " Sample Variation - " + variationName; + } + out += clfrags.subtitle(`${data.title} (${data.group})`); + const attrs = [ + ["jcr:primaryType", "nt:unstructured"], + ["sling:resourceType", "themecleanflex/components/" + name], + ]; + const children = []; + + for (let prop in data.model) { + if (typeof data.model[prop] === "string") { + attrs.push([prop, data.model[prop]]); + } else { + const ret = ["<" + prop + ' jcr:primaryType="nt:unstructured">']; + const list = data.model[prop]; + for (let i = 0; i < list.length; i++) { + const child = list[i]; + const attrs = [["jcr:primaryType", "nt:unstructured"]]; + for (let prop in child) { + if (typeof child[prop] === "string") { + attrs.push([prop, child[prop]]); + } + } + ret.push(clfrags.tag("c", attrs)); + } + ret.push(""); + children.push(ret.join("")); + } + } + out += clfrags.tag(name, attrs, children); + return out; } function buildPage(target, name, samples, readme, variations) { - const targetFolder = target + "/" + name; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + "/.content.xml"); - out.write(clfrags.header(name)); - out.write(clfrags.home()); - out.write(clfrags.pager()); - - let readmeContent = ""; - if (readme) { - let md = fs.readFileSync("../fragments/" + name + "/readme.md", "utf-8"); - readmeContent = clfrags.intro(md); - } - - const samplesContent = samples.reduce( - (val, sample) => val + outSample(name, sample), - readmeContent - ); - out.write(clfrags.container("main", samplesContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); - buildVariationPages(target, name, samples, variations); + const targetFolder = target + "/" + name; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name)); + out.write(clfrags.home()); + out.write(clfrags.pager()); + + let readmeContent = ""; + if (readme) { + let md = fs.readFileSync( + "../fragments/" + name + "/readme.md", + "utf-8" + ); + readmeContent = clfrags.intro(md); + } + + const samplesContent = samples.reduce( + (val, sample) => val + outSample(name, sample), + readmeContent + ); + out.write(clfrags.container("main", samplesContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); + buildVariationPages(target, name, samples, variations); } function buildVariationPages(target, name, samples, variations) { - const targetRoot = target + "/" + name; - samples.forEach((sample) => { - if (sample == "sample-empty.json") { - return; - } - const sampleName = sample.substring(0, sample.length - 5); - const targetFolder = targetRoot + "/" + sampleName; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + "/.content.xml"); - out.write(clfrags.header(name + sampleName)); - out.write(clfrags.home()); - out.write(clfrags.pager()); - const samplesContent = variations.reduce( - (val, variation) => val + outSample(name, sample, variation) - ); - out.write(clfrags.container("main", samplesContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); - }); + const targetRoot = target + "/" + name; + samples.forEach((sample) => { + if (sample == "sample-empty.json") { + return; + } + const sampleName = sample.substring(0, sample.length - 5); + const targetFolder = targetRoot + "/" + sampleName; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header(name + sampleName)); + out.write(clfrags.home()); + out.write(clfrags.pager()); + const samplesContent = variations.reduce( + (val, variation) => val + outSample(name, sample, variation) + ); + out.write(clfrags.container("main", samplesContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); + }); } function buildIndexPage(target, pages) { - const targetFolder = target; - fs.mkdirsSync(targetFolder); - const out = fs.createWriteStream(targetFolder + "/.content.xml"); - out.write(clfrags.header("component library")); - out.write(clfrags.pager()); - - let mainContent = ""; - mainContent += clfrags.title("component library"); - - let cards = pages.map((page) => ({ - title: page.name, - text: fs.readFileSync("../fragments/" + page.name + "/readme.md", "utf-8"), - link: `library/${page.name}.html`, - })); - - mainContent += clfrags.cards(cards); - - out.write(clfrags.container("main", mainContent)); - out.write(clfrags.pager()); - out.write(clfrags.footer()); - out.close(); + const targetFolder = target; + fs.mkdirsSync(targetFolder); + const out = fs.createWriteStream(targetFolder + "/.content.xml"); + out.write(clfrags.header("component library")); + out.write(clfrags.pager()); + + let mainContent = ""; + mainContent += clfrags.title("component library"); + + let cards = pages.map((page) => ({ + title: page.name, + text: fs.readFileSync( + "../fragments/" + page.name + "/readme.md", + "utf-8" + ), + link: `library/${page.name}.html`, + })); + + mainContent += clfrags.cards(cards); + + out.write(clfrags.container("main", mainContent)); + out.write(clfrags.pager()); + out.write(clfrags.footer()); + out.close(); } function forEachComponent( - target = "src/main/content/jcr_root/content/themecleanflex/pages/library", - root = "../fragments/" + target = "src/main/content/jcr_root/content/themecleanflex/pages/library", + root = "../fragments/" ) { - const pages = []; - const components = fs.readdirSync(root); - const variations = compvars.getVariations(); - components.forEach((name) => { - const entry = fs.statSync(root + name); - if (entry.isDirectory()) { - const page = {}; - page.name = name; - const files = fs.readdirSync(root + name); - let hasEmptySample = false; - const samples = files.filter((name) => { - if (name == "sample-empty.json") { - hasEmptySample = true; - return false; - } - return name.startsWith("sample") && name.endsWith(".json"); - }); - if (hasEmptySample) samples.push("sample-empty.json"); - const readme = files.includes("readme.md"); - page.readme = readme; - buildPage(target, name, samples, readme, variations); - pages.push(page); - } - }); - buildIndexPage(target, pages); + const pages = []; + const components = fs.readdirSync(root); + const variations = compvars.getVariations(); + components.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const page = {}; + page.name = name; + const files = fs.readdirSync(root + name); + let hasEmptySample = false; + const samples = files.filter((name) => { + if (name == "sample-empty.json") { + hasEmptySample = true; + return false; + } + return name.startsWith("sample") && name.endsWith(".json"); + }); + if (hasEmptySample) samples.push("sample-empty.json"); + const readme = files.includes("readme.md"); + page.readme = readme; + buildPage(target, name, samples, readme, variations); + pages.push(page); + } + }); + buildIndexPage(target, pages); } forEachComponent(); diff --git a/ui.apps/src/main/content/buildscripts/validatepage.js b/ui.apps/src/main/content/buildscripts/validatepage.js index 3c1e48ff7..435aab824 100644 --- a/ui.apps/src/main/content/buildscripts/validatepage.js +++ b/ui.apps/src/main/content/buildscripts/validatepage.js @@ -11,161 +11,161 @@ const queue = []; const visited = []; function diff(name) { - try { - const image2 = PNG.sync.read(fs.readFileSync(`${out_path}/${name}`)); - if (!fs.existsSync(`approved/${name}`)) { - fs.writeFileSync(`approved/${name}`, PNG.sync.write(image2)); - } - const image1 = PNG.sync.read(fs.readFileSync(`approved/${name}`)); - const width = Math.max(image1.width, image2.width); - const height = Math.max(image1.height, image2.height); - - const diff = new PNG({ width, height }); - // const img1 = new PNG({width, height}); img1.bitblt(image1, 0,0, image1.width, image1.height, 0,0); - // const img2 = new PNG({width, height}); img2.bitblt(image2, 0,0, image2.width, image2.height, 0,0); - - pixelmatch(image1.data, image2.data, diff.data, width, height, { - threshold: 0.1, - }); - - fs.writeFileSync(`${out_path}/diff/${name}`, PNG.sync.write(diff)); - } catch (error) { - console.error(error); - } + try { + const image2 = PNG.sync.read(fs.readFileSync(`${out_path}/${name}`)); + if (!fs.existsSync(`approved/${name}`)) { + fs.writeFileSync(`approved/${name}`, PNG.sync.write(image2)); + } + const image1 = PNG.sync.read(fs.readFileSync(`approved/${name}`)); + const width = Math.max(image1.width, image2.width); + const height = Math.max(image1.height, image2.height); + + const diff = new PNG({ width, height }); + // const img1 = new PNG({width, height}); img1.bitblt(image1, 0,0, image1.width, image1.height, 0,0); + // const img2 = new PNG({width, height}); img2.bitblt(image2, 0,0, image2.width, image2.height, 0,0); + + pixelmatch(image1.data, image2.data, diff.data, width, height, { + threshold: 0.1, + }); + + fs.writeFileSync(`${out_path}/diff/${name}`, PNG.sync.write(diff)); + } catch (error) { + console.error(error); + } } function report(out, url, version, name) { - out.push({ url, version, name }); + out.push({ url, version, name }); } function generateReport(out, name) { - console.log("writing report for", name); - const data = []; - data.push('

    ${entry.version} ${entry.url}

    ${entry.version} ${entry.url}

    '); - out.forEach((entry) => { - data.push( - `` - ); - data.push(``); - data.push( - `` - ); - data.push( - `` - ); - data.push( - `` - ); - data.push(``); - }); - data.push(`'); + out.forEach((entry) => { + data.push( + `` + ); + data.push(``); + data.push( + `` + ); + data.push( + `` + ); + data.push( + `` + ); + data.push(``); + }); + data.push(` 3) { - return; - } - const browser = await puppeteer.launch({ - headless: true, - defaultViewport: null, - }); - const page = await browser.newPage(); - try { - await page.goto(path, { waitUntil: "networkidle0" }); - } catch (err) { - console.log(err); - } - await screenShotAt(out, path, page, 320, "mobile", name); - await screenShotAt(out, path, page, 768, "tablet", name); - await screenShotAt(out, path, page, 1024, "desktop", name); - await screenShotAt(out, path, page, 1600, "desktop-wide", name); - - const hrefs = await page.$$eval("a", (as) => as.map((a) => a.href)); - hrefs.forEach((url) => { - if ( - visited.indexOf(url) < 0 && - queue.indexOf(url) < 0 && - url.startsWith(base) - ) { - if (url !== base + ".html" && url.endsWith(".html")) { - queue.push(url); - } - } - }); - console.log(queue.length, "items to go"); - - await browser.close(); - generateReport(out, name); + visited.push(path); + let out = []; + const name = path.substring(base.length + 1).replace(/[\.\/]/g, "-"); + if (name.split("-").length > 3) { + return; + } + const browser = await puppeteer.launch({ + headless: true, + defaultViewport: null, + }); + const page = await browser.newPage(); + try { + await page.goto(path, { waitUntil: "networkidle0" }); + } catch (err) { + console.log(err); + } + await screenShotAt(out, path, page, 320, "mobile", name); + await screenShotAt(out, path, page, 768, "tablet", name); + await screenShotAt(out, path, page, 1024, "desktop", name); + await screenShotAt(out, path, page, 1600, "desktop-wide", name); + + const hrefs = await page.$$eval("a", (as) => as.map((a) => a.href)); + hrefs.forEach((url) => { + if ( + visited.indexOf(url) < 0 && + queue.indexOf(url) < 0 && + url.startsWith(base) + ) { + if (url !== base + ".html" && url.endsWith(".html")) { + queue.push(url); + } + } + }); + console.log(queue.length, "items to go"); + + await browser.close(); + generateReport(out, name); } function makeDirs(relpath) { - const segments = relpath.split("/"); - for (let i = 0; i < segments.length; i++) { - const s = segments.slice(0, i + 1).join("/"); - if (!fs.existsSync(s)) { - fs.mkdirSync(s); - } - } + const segments = relpath.split("/"); + for (let i = 0; i < segments.length; i++) { + const s = segments.slice(0, i + 1).join("/"); + if (!fs.existsSync(s)) { + fs.mkdirSync(s); + } + } } function makeIndexPage(pages) { - console.log("Creating master index page."); - const out = fs.createWriteStream(out_path + "/index.html"); - out.write("
      "); - pages.forEach((page) => { - out.write("
    • "); - out.write('' + page + ""); - out.write("
      • "); - }); - out.write("
        "); - out.close(); + console.log("Creating master index page."); + const out = fs.createWriteStream(out_path + "/index.html"); + out.write("
          "); + pages.forEach((page) => { + out.write("
        • "); + out.write('' + page + ""); + out.write("
          • "); + }); + out.write("
            "); + out.close(); } (async () => { - makeDirs("target/out/diff"); - makeDirs("approved"); - console.log("vaildatepage [single]"); - if (process.argv.length >= 3) { - const url = process.argv[2] + process.argv[3]; - const single = process.argv[4]; - const parent = process.argv[2]; - queue.push(url); - let ps = []; - while (queue.length > 0) { - while (ps.length < 8 && queue.length > 0) { - const href = queue.pop(); - console.log("processing", href); - - ps.push( - new Promise(async (res, rej) => { - await makeRenditions(parent, href); - res(); - }) - ); - } - await Promise.all(ps); - ps = []; - if (single) { - break; - } - } - const files = fs.readdirSync(out_path); - const pages = files.filter((file) => file.endsWith(".html")); - makeIndexPage(pages); - } + makeDirs("target/out/diff"); + makeDirs("approved"); + console.log("vaildatepage [single]"); + if (process.argv.length >= 3) { + const url = process.argv[2] + process.argv[3]; + const single = process.argv[4]; + const parent = process.argv[2]; + queue.push(url); + let ps = []; + while (queue.length > 0) { + while (ps.length < 8 && queue.length > 0) { + const href = queue.pop(); + console.log("processing", href); + + ps.push( + new Promise(async (res, rej) => { + await makeRenditions(parent, href); + res(); + }) + ); + } + await Promise.all(ps); + ps = []; + if (single) { + break; + } + } + const files = fs.readdirSync(out_path); + const pages = files.filter((file) => file.endsWith(".html")); + makeIndexPage(pages); + } })(); diff --git a/ui.apps/src/main/content/buildscripts/variations.js b/ui.apps/src/main/content/buildscripts/variations.js index 86a9cf669..bdae7ac7f 100644 --- a/ui.apps/src/main/content/buildscripts/variations.js +++ b/ui.apps/src/main/content/buildscripts/variations.js @@ -4,47 +4,55 @@ let f = (a, b) => [].concat(...a.map((a) => b.map((b) => [].concat(a, b)))); let cartesian = (a, b, ...c) => (b ? cartesian(f(a, b), ...c) : a); function objectify(array) { - const obj = array.map((optionObjectsArr) => { - let combinedName = optionObjectsArr.reduce((combinedName, optionObject) => { - return combinedName - ? combinedName + "; " + optionObject.name - : optionObject.name; - }, ""); - return Object.assign({}, ...optionObjectsArr, { name: combinedName }); - }); - return obj; + const obj = array.map((optionObjectsArr) => { + let combinedName = optionObjectsArr.reduce( + (combinedName, optionObject) => { + return combinedName + ? combinedName + "; " + optionObject.name + : optionObject.name; + }, + "" + ); + return Object.assign({}, ...optionObjectsArr, { name: combinedName }); + }); + return obj; } function createVariationMap(root = "../variation-fragments/") { - const variations = []; - const folders = fs.readdirSync(root); - folders.forEach((name) => { - const entry = fs.statSync(root + name); - if (entry.isDirectory()) { - const variation = []; - const options = fs.readdirSync(root + name); - options.forEach((optionName) => { - if (optionName.endsWith(".json")) { - const optionJson = fs.readJSONSync(root + name + "/" + optionName); - let optionLabel = optionName.substring(0, optionName.length - 5); - optionLabel = optionLabel.replace("-", ": "); - optionJson.name = optionLabel; - variation.push(optionJson); - } - }); - variations.push(variation); - } - }); - return variations; + const variations = []; + const folders = fs.readdirSync(root); + folders.forEach((name) => { + const entry = fs.statSync(root + name); + if (entry.isDirectory()) { + const variation = []; + const options = fs.readdirSync(root + name); + options.forEach((optionName) => { + if (optionName.endsWith(".json")) { + const optionJson = fs.readJSONSync( + root + name + "/" + optionName + ); + let optionLabel = optionName.substring( + 0, + optionName.length - 5 + ); + optionLabel = optionLabel.replace("-", ": "); + optionJson.name = optionLabel; + variation.push(optionJson); + } + }); + variations.push(variation); + } + }); + return variations; } module.exports = { - getVariations() { - let variations = createVariationMap(); - let cartified = cartesian(...variations); - let objectified = objectify(cartified); - return objectified; - }, + getVariations() { + let variations = createVariationMap(); + let cartified = cartesian(...variations); + let objectified = objectify(cartified); + return objectified; + }, }; //delete object.name; diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json index 7344d28be..a70a2d445 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/dialog.json @@ -1,471 +1,471 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["title", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text" - } - ], - "placeholder": "accordiontoggle", - "label": "Accordion/Toggle", - "model": "accordiontoggle", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Toggle", - "value": "toggle" - }, - { - "name": "Accordion", - "value": "accordion" - } - ], - "placeholder": "toggletype", - "label": "Collapse Style", - "model": "toggletype", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "cardborder", - "label": "Show Card Border", - "model": "cardborder", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "none", - "value": "none" - }, - { - "name": "small", - "value": "small" - }, - { - "name": "medium", - "value": "medium" - }, - { - "name": "large", - "value": "large" - }, - { - "name": "full", - "value": "full" - } - ], - "placeholder": "roundedcorners", - "label": "Rounded Corners", - "model": "roundedcorners", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text" + } + ], + "placeholder": "accordiontoggle", + "label": "Accordion/Toggle", + "model": "accordiontoggle", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Toggle", + "value": "toggle" + }, + { + "name": "Accordion", + "value": "accordion" + } + ], + "placeholder": "toggletype", + "label": "Collapse Style", + "model": "toggletype", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "cardborder", + "label": "Show Card Border", + "model": "cardborder", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "none", + "value": "none" + }, + { + "name": "small", + "value": "small" + }, + { + "name": "medium", + "value": "medium" + }, + { + "name": "large", + "value": "large" + }, + { + "name": "full", + "value": "full" + } + ], + "placeholder": "roundedcorners", + "label": "Rounded Corners", + "model": "roundedcorners", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue index cbd917a75..8c06bdd2a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/template.vue @@ -1,44 +1,48 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json index 3c7dfbb44..172d9c8cf 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/dialog.json @@ -1,280 +1,280 @@ { - "groups": [ - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - } - ] + "groups": [ + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue index e8e626d23..12b92bcd7 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/template.vue @@ -1,152 +1,155 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json index 96f72981c..ffd0d94be 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/dialog.json @@ -1,326 +1,326 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "number", - "placeholder": "level", - "label": "Number Of Levels", - "model": "level", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "number", + "placeholder": "level", + "label": "Number Of Levels", + "model": "level", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue index 5847b0b77..028e0d027 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/template.vue @@ -1,51 +1,51 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json index eb58efe83..aea742fd1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/dialog.json @@ -1,550 +1,550 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": ["title", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Card Title", - "model": "title", - "visible": "model.showtitle == 'true'" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Card Text", - "model": "text", - "visible": "model.showtext == 'true'" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "image", - "label": "Card Image", - "model": "image" - }, - { - "type": "material-range", - "placeholder": "imagewidth", - "label": "Image Width", - "model": "imagewidth", - "min": "10", - "max": "100" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "imagealttext", - "label": "Image Alt Text", - "model": "imagealttext" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext", - "visible": "model.showbutton == 'true'" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink", - "visible": "model.showbutton == 'true'" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize" - }, - { - "type": "material-select", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "buttonalign", - "label": "Button Alignment", - "model": "buttonalign" - } - ], - "placeholder": "cards", - "label": "Cards", - "model": "cards", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Card Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Card Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Card Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showcard", - "label": "Show Card Background", - "model": "showcard", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "customcardcolor", - "label": "Custom Card Color", - "model": "customcardcolor", - "visible": "model.showcard == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "cardcolor", - "label": "Card Color", - "model": "cardcolor", - "visible": "model.showcard == 'true' and model.customcardcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "cardborder", - "label": "Show Card Border", - "model": "cardborder", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "none", - "value": "none" - }, - { - "name": "small", - "value": "small" - }, - { - "name": "medium", - "value": "medium" - }, - { - "name": "large", - "value": "large" - } - ], - "placeholder": "roundedcorners", - "label": "Rounded Corners", - "model": "roundedcorners", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrow", - "label": "Cards Per Row", - "model": "cardsperrow", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrowtab", - "label": "Cards Per Row (Tablet)", - "model": "cardsperrowtab", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "cardsperrowmobile", - "label": "Cards Per Row (Mobile)", - "model": "cardsperrowmobile", - "min": 1, - "max": 6, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Card Title", + "model": "title", + "visible": "model.showtitle == 'true'" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Card Text", + "model": "text", + "visible": "model.showtext == 'true'" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "image", + "label": "Card Image", + "model": "image" + }, + { + "type": "material-range", + "placeholder": "imagewidth", + "label": "Image Width", + "model": "imagewidth", + "min": "10", + "max": "100" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "imagealttext", + "label": "Image Alt Text", + "model": "imagealttext" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext", + "visible": "model.showbutton == 'true'" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink", + "visible": "model.showbutton == 'true'" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize" + }, + { + "type": "material-select", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "buttonalign", + "label": "Button Alignment", + "model": "buttonalign" + } + ], + "placeholder": "cards", + "label": "Cards", + "model": "cards", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Card Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Card Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Card Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showcard", + "label": "Show Card Background", + "model": "showcard", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "customcardcolor", + "label": "Custom Card Color", + "model": "customcardcolor", + "visible": "model.showcard == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "cardcolor", + "label": "Card Color", + "model": "cardcolor", + "visible": "model.showcard == 'true' and model.customcardcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "cardborder", + "label": "Show Card Border", + "model": "cardborder", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "none", + "value": "none" + }, + { + "name": "small", + "value": "small" + }, + { + "name": "medium", + "value": "medium" + }, + { + "name": "large", + "value": "large" + } + ], + "placeholder": "roundedcorners", + "label": "Rounded Corners", + "model": "roundedcorners", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrow", + "label": "Cards Per Row", + "model": "cardsperrow", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrowtab", + "label": "Cards Per Row (Tablet)", + "model": "cardsperrowtab", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "cardsperrowmobile", + "label": "Cards Per Row (Mobile)", + "model": "cardsperrowmobile", + "min": 1, + "max": 6, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue index 8a2407f6e..f1558d319 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/template.vue @@ -1,38 +1,38 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json index c6718c3db..c2a1c5a17 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/dialog.json @@ -1,434 +1,434 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": ["heading", "value"], - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagepath", - "label": "Image Source", - "model": "imagepath" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Contain", - "value": "contain" - }, - { - "name": "Cover", - "value": "cover" - } - ], - "placeholder": "imagefit", - "label": "Slide Image Fit", - "model": "imagefit" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "slidelink", - "label": "Slide Link", - "model": "slidelink" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Image Text", - "model": "text" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "alt", - "label": "Image Alt Text", - "model": "alt" - } - ], - "placeholder": "slides", - "label": "Slides", - "model": "slides", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-range", - "placeholder": "carouselheight", - "label": "Carousel Height", - "model": "carouselheight", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "autoplay", - "label": "Auto Play", - "model": "autoplay", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "number", - "placeholder": "itemsperpage", - "label": "Images per page", - "model": "itemsperpage", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "interval", - "label": "Interval", - "model": "interval", - "visible": "model.autoplay == 'true'", - "min": 1, - "max": 20, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "pause", - "label": "Pause On Hover", - "model": "pause", - "visible": "model.autoplay == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "wrap", - "label": "Wrap", - "model": "wrap", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "indicators", - "label": "Indicators", - "model": "indicators", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "controls", - "label": "Controls", - "model": "controls", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "captionbg", - "label": "Caption Background", - "model": "captionbg", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["heading", "value"], + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagepath", + "label": "Image Source", + "model": "imagepath" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Contain", + "value": "contain" + }, + { + "name": "Cover", + "value": "cover" + } + ], + "placeholder": "imagefit", + "label": "Slide Image Fit", + "model": "imagefit" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "slidelink", + "label": "Slide Link", + "model": "slidelink" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Image Text", + "model": "text" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "alt", + "label": "Image Alt Text", + "model": "alt" + } + ], + "placeholder": "slides", + "label": "Slides", + "model": "slides", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-range", + "placeholder": "carouselheight", + "label": "Carousel Height", + "model": "carouselheight", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "autoplay", + "label": "Auto Play", + "model": "autoplay", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "number", + "placeholder": "itemsperpage", + "label": "Images per page", + "model": "itemsperpage", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "interval", + "label": "Interval", + "model": "interval", + "visible": "model.autoplay == 'true'", + "min": 1, + "max": 20, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "pause", + "label": "Pause On Hover", + "model": "pause", + "visible": "model.autoplay == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "wrap", + "label": "Wrap", + "model": "wrap", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "indicators", + "label": "Indicators", + "model": "indicators", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "controls", + "label": "Controls", + "model": "controls", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "captionbg", + "label": "Caption Background", + "model": "captionbg", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue index 5713509b1..5c399904d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/template.vue @@ -1,79 +1,81 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json index 95f469ecb..b310cc987 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/dialog.json @@ -1,310 +1,310 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "language", - "label": "language", - "model": "language", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 10, - "max": "16000", - "placeholder": "text", - "label": "text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "classes", - "label": "classes", - "model": "classes", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "language", + "label": "language", + "model": "language", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 10, + "max": "16000", + "placeholder": "text", + "label": "text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "classes", + "label": "classes", + "model": "classes", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue index 16b8ba634..682791859 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/template.vue @@ -1,54 +1,54 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json index 30919cd7a..f951bebdb 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/dialog.json @@ -1,127 +1,127 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "width", - "label": "Container Width", - "model": "width", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "colspan", - "label": "Column Span (12 Columns)", - "model": "colspan", - "visible": "model.width == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "tabletwidth", - "label": "Container Width (Tablet)", - "model": "tabletwidth", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "tabletcolspan", - "label": "Column Span (12 Columns)", - "model": "tabletcolspan", - "visible": "model.tabletwidth == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Auto (fill available space)", - "value": "auto" - }, - { - "name": "Custom", - "value": "custom" - } - ], - "placeholder": "mobilewidth", - "label": "Container Width (Mobile)", - "model": "mobilewidth", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "mobilecolspan", - "label": "Column Span (12 Columns)", - "model": "mobilecolspan", - "visible": "model.mobilewidth == 'custom'", - "min": 1, - "max": 12, - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "content" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "width", + "label": "Container Width", + "model": "width", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "colspan", + "label": "Column Span (12 Columns)", + "model": "colspan", + "visible": "model.width == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "tabletwidth", + "label": "Container Width (Tablet)", + "model": "tabletwidth", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "tabletcolspan", + "label": "Column Span (12 Columns)", + "model": "tabletcolspan", + "visible": "model.tabletwidth == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Auto (fill available space)", + "value": "auto" + }, + { + "name": "Custom", + "value": "custom" + } + ], + "placeholder": "mobilewidth", + "label": "Container Width (Mobile)", + "model": "mobilewidth", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "mobilecolspan", + "label": "Column Span (12 Columns)", + "model": "mobilecolspan", + "visible": "model.mobilewidth == 'custom'", + "min": 1, + "max": 12, + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "content" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue index 611cbce59..36b82910d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/template.vue @@ -1,8 +1,8 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json index 356b5beef..0ab8fe60e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/dialog.json @@ -1,314 +1,314 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Start", - "value": "items-start" - }, - { - "name": "Center", - "value": "items-center" - }, - { - "name": "End", - "value": "items-end" - }, - { - "name": "Stretch", - "value": "items-stretch" - }, - { - "name": "Baseline", - "value": "items-baseline" - } - ], - "placeholder": "alignitems", - "label": "Items Alignment", - "model": "alignitems", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Start", + "value": "items-start" + }, + { + "name": "Center", + "value": "items-center" + }, + { + "name": "End", + "value": "items-end" + }, + { + "name": "Stretch", + "value": "items-stretch" + }, + { + "name": "Baseline", + "value": "items-baseline" + } + ], + "placeholder": "alignitems", + "label": "Items Alignment", + "model": "alignitems", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue index 51315dd70..8f90cfa34 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/template.vue @@ -1,48 +1,48 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json index da1e1ce76..38bdb49ba 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/dialog.json @@ -1,427 +1,427 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "logo", - "label": "Logo", - "model": "logo", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "logoalttext", - "label": "Logo Alt Text", - "model": "logoalttext", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "logourl", - "label": "Logo Url", - "model": "logourl", - "visible": "model.showlogo == 'true'", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "logosize", - "label": "Logo Size", - "model": "logosize", - "visible": "model.showlogo == 'true'", - "min": 1, - "max": 300, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["title", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text" - } - ], - "placeholder": "columns", - "label": "Columns", - "model": "columns", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "copyright", - "label": "Copyright Text", - "model": "copyright", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["icon", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "icon", - "label": "Icon Name", - "model": "icon" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "url", - "label": "Icon Url", - "model": "url" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "iconalttext", - "label": "Icon Alt Text", - "model": "iconalttext" - } - ], - "placeholder": "icons", - "label": "Icons", - "model": "icons", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showlogo", - "label": "Show Logo", - "model": "showlogo", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "iconcustomcolor", - "label": "Custom Icons Color", - "model": "iconcustomcolor", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "iconcolor", - "label": "Icon Color", - "model": "iconcolor", - "visible": "model.iconcustomcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "iconsize", - "label": "Icon Size", - "model": "iconsize", - "min": 0, - "max": 150, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "logo", + "label": "Logo", + "model": "logo", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "logoalttext", + "label": "Logo Alt Text", + "model": "logoalttext", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "logourl", + "label": "Logo Url", + "model": "logourl", + "visible": "model.showlogo == 'true'", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "logosize", + "label": "Logo Size", + "model": "logosize", + "visible": "model.showlogo == 'true'", + "min": 1, + "max": 300, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text" + } + ], + "placeholder": "columns", + "label": "Columns", + "model": "columns", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "copyright", + "label": "Copyright Text", + "model": "copyright", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["icon", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "icon", + "label": "Icon Name", + "model": "icon" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "url", + "label": "Icon Url", + "model": "url" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "iconalttext", + "label": "Icon Alt Text", + "model": "iconalttext" + } + ], + "placeholder": "icons", + "label": "Icons", + "model": "icons", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showlogo", + "label": "Show Logo", + "model": "showlogo", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "iconcustomcolor", + "label": "Custom Icons Color", + "model": "iconcustomcolor", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "iconcolor", + "label": "Icon Color", + "model": "iconcolor", + "visible": "model.iconcustomcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "iconsize", + "label": "Icon Size", + "model": "iconsize", + "min": 0, + "max": 150, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue index 890c0ade2..686327eef 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/template.vue @@ -1,66 +1,66 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json index 429e92607..8611ac76d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/dialog.json @@ -1,489 +1,489 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "logo", - "label": "Logo", - "model": "logo", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "logoalttext", - "label": "Logo Alt Text", - "model": "logoalttext", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "logourl", - "label": "Logo Url", - "model": "logourl", - "x_form_group": "content" - }, - { - "type": "material-range", - "placeholder": "logosize", - "label": "Logo Size", - "model": "logosize", - "min": 1, - "max": 300, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["text", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Link Text", - "model": "text" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "link", - "label": "Link Url", - "model": "link" - } - ], - "placeholder": "links", - "label": "Links", - "model": "links", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["buttontext", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "collapsed", - "label": "Collapse Menu", - "model": "collapsed", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "elevation", - "label": "Elevation", - "model": "elevation", - "min": 0, - "max": 5, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "sticky", - "label": "Sticky", - "model": "sticky", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "logo", + "label": "Logo", + "model": "logo", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "logoalttext", + "label": "Logo Alt Text", + "model": "logoalttext", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "logourl", + "label": "Logo Url", + "model": "logourl", + "x_form_group": "content" + }, + { + "type": "material-range", + "placeholder": "logosize", + "label": "Logo Size", + "model": "logosize", + "min": 1, + "max": 300, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["text", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Link Text", + "model": "text" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "link", + "label": "Link Url", + "model": "link" + } + ], + "placeholder": "links", + "label": "Links", + "model": "links", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "collapsed", + "label": "Collapse Menu", + "model": "collapsed", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "elevation", + "label": "Elevation", + "model": "elevation", + "min": 0, + "max": 5, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "sticky", + "label": "Sticky", + "model": "sticky", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue index a77700dc8..794ccf6d0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/template.vue @@ -1,104 +1,112 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue index c15a0946b..85103550d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/template.vue @@ -1,60 +1,68 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json index af478f73a..63e19bd80 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/dialog.json @@ -1,333 +1,333 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.mediatype == 'image' or model.mediatype == 'video'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.mediatype == 'image' or model.mediatype == 'video'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue index 571d64a3a..415e23b83 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/template.vue @@ -1,22 +1,28 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue index aa442bb1e..522e76c66 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/template.vue @@ -1,31 +1,31 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json index 2cfd3b4eb..e1ac3078c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/dialog.json @@ -1,96 +1,96 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - } - ] - }, - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": ["buttontext", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "x_form_group": "content" - } - ] - } - ] + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + } + ] + }, + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "x_form_group": "content" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue index 1117f1476..3732f144a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/template.vue @@ -1,30 +1,30 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json index 76924391c..1e814b58d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/dialog.json @@ -1,325 +1,325 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Start", - "value": "start" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "End", - "value": "end" - } - ], - "placeholder": "justifyitems", - "label": "Navigation Alignment", - "model": "justifyitems", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Start", + "value": "start" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "End", + "value": "end" + } + ], + "placeholder": "justifyitems", + "label": "Navigation Alignment", + "model": "justifyitems", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue index 53a825cda..de3039664 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/template.vue @@ -1,86 +1,89 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json index e80ba5b62..5cac93193 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/dialog.json @@ -1,322 +1,322 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "text", - "model": "text", - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "Note", - "value": "note" - }, - { - "name": "Tip", - "value": "tip" - }, - { - "name": "Important", - "value": "important" - }, - { - "name": "Caution", - "value": "caution" - }, - { - "name": "Warning", - "value": "warning" - } - ], - "placeholder": "notetype", - "label": "Note Type", - "model": "notetype", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "text", + "model": "text", + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "Note", + "value": "note" + }, + { + "name": "Tip", + "value": "tip" + }, + { + "name": "Important", + "value": "important" + }, + { + "name": "Caution", + "value": "caution" + }, + { + "name": "Warning", + "value": "warning" + } + ], + "placeholder": "notetype", + "label": "Note Type", + "model": "notetype", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue index ad4824be6..8f3a774f6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/template.vue @@ -1,26 +1,26 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html index 0e91a69e1..01cb4e58e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/iconsprites.html @@ -1,82 +1,106 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html index d1c97b27f..8687f0ccc 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/renderer.html @@ -9,33 +9,33 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html index f1a8dde39..9b26073ce 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/serviceworker.html @@ -1,27 +1,30 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue index de4221690..4da22c331 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/template.vue @@ -1,58 +1,58 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json index 76aca0d44..8caae332e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/dialog.json @@ -1,364 +1,364 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "includeroot", - "label": "Include Root", - "model": "includeroot", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "number", - "placeholder": "levels", - "label": "Levels", - "model": "levels", - "default": 1, - "min": 1, - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["contentname", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentfield", - "label": "Content Field", - "model": "contentfield" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "htmlelement", - "label": "HTML Element", - "model": "htmlelement" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "cssclass", - "label": "CSS Classes", - "model": "cssclass" - } - ], - "placeholder": "references", - "label": "References", - "model": "references", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "includeroot", + "label": "Include Root", + "model": "includeroot", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "number", + "placeholder": "levels", + "label": "Levels", + "model": "levels", + "default": 1, + "min": 1, + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["contentname", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentfield", + "label": "Content Field", + "model": "contentfield" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "htmlelement", + "label": "HTML Element", + "model": "htmlelement" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "cssclass", + "label": "CSS Classes", + "model": "cssclass" + } + ], + "placeholder": "references", + "label": "References", + "model": "references", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue index 5ad154185..a6375efb5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/template.vue @@ -1,85 +1,90 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json index d0ad6768b..e5155b6a5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/dialog.json @@ -1,3 +1,3 @@ { - "groups": [] + "groups": [] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue index 5d286b556..a50cd9a5d 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/template.vue @@ -1,28 +1,28 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json index 0e4be2acf..29e4f95ad 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/dialog.json @@ -1,404 +1,404 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "rootpage", - "label": "Root Page", - "model": "rootpage", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "includeroot", - "label": "Include Root", - "model": "includeroot", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "prevlabel", - "label": "Previous Label", - "model": "prevlabel", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "nextlabel", - "label": "Next Label", - "model": "nextlabel", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "disableprevious", - "label": "Disable the previous button", - "model": "disableprevious", - "x_form_group": "content" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "excludesitemapexcludes", - "label": "Exclude pages Excluded in Sitemap", - "model": "excludesitemapexcludes", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "rootpage", + "label": "Root Page", + "model": "rootpage", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "includeroot", + "label": "Include Root", + "model": "includeroot", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "prevlabel", + "label": "Previous Label", + "model": "prevlabel", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "nextlabel", + "label": "Next Label", + "model": "nextlabel", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "disableprevious", + "label": "Disable the previous button", + "model": "disableprevious", + "x_form_group": "content" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "excludesitemapexcludes", + "label": "Exclude pages Excluded in Sitemap", + "model": "excludesitemapexcludes", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue index 7dee92abb..24a0601e5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/template.vue @@ -1,60 +1,60 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json index b7c004abf..36f2c494c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/dialog.json @@ -1,304 +1,304 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "blockquote", - "label": "Block Quote?", - "model": "blockquote", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "blockquote", + "label": "Block Quote?", + "model": "blockquote", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue index 7921244a6..0bd30df28 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/template.vue @@ -1,30 +1,32 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json index 21f00c7e8..9b2f397d1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/dialog.json @@ -1,301 +1,301 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "reference", - "label": "Reference", - "model": "reference", - "x_form_group": "content" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentnameref", - "label": "Content Name Reference", - "model": "contentnameref", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "reference", + "label": "Reference", + "model": "reference", + "x_form_group": "content" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentnameref", + "label": "Content Name Reference", + "model": "contentnameref", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue index fab6b5bde..1f1fd9dc2 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/template.vue @@ -1,64 +1,68 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json index 79cdc9aff..c6a6082e6 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/dialog.json @@ -1,377 +1,377 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue index b342d6253..dbf726970 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/template.vue @@ -1,42 +1,42 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json index 4a044ecb0..139f8f2c3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/dialog.json @@ -1,326 +1,326 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Text", - "model": "text", - "x_form_group": "content" - }, - { - "type": "material-select", - "values": [ - { - "name": "h1", - "value": "h1" - }, - { - "name": "h2", - "value": "h2" - }, - { - "name": "h3", - "value": "h3" - }, - { - "name": "h4", - "value": "h4" - }, - { - "name": "h5", - "value": "h5" - }, - { - "name": "p", - "value": "p" - } - ], - "placeholder": "element", - "label": "Choose Element Type", - "model": "element", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Text", + "model": "text", + "x_form_group": "content" + }, + { + "type": "material-select", + "values": [ + { + "name": "h1", + "value": "h1" + }, + { + "name": "h2", + "value": "h2" + }, + { + "name": "h3", + "value": "h3" + }, + { + "name": "h4", + "value": "h4" + }, + { + "name": "h5", + "value": "h5" + }, + { + "name": "p", + "value": "p" + } + ], + "placeholder": "element", + "label": "Choose Element Type", + "model": "element", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue index e28517ca1..b7952911e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/template.vue @@ -1,32 +1,32 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json index 593efaa4d..aebb4e8e3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/dialog.json @@ -1,75 +1,75 @@ { - "groups": [ - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "iconcustomcolor", - "label": "Custom Icons Color", - "model": "iconcustomcolor", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "iconcolor", - "label": "Icon Color", - "model": "iconcolor", - "visible": "model.iconcustomcolor == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "iconsize", - "label": "Icon Size", - "model": "iconsize", - "min": 0, - "max": 150, - "x_form_group": "style" - } - ] - }, - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": ["icon", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "icon", - "label": "Icon Name", - "model": "icon" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "url", - "label": "Icon Url", - "model": "url" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "iconalttext", - "label": "Icon Alt Text", - "model": "iconalttext" - } - ], - "placeholder": "icons", - "label": "Icons", - "model": "icons", - "x_form_group": "content" - } - ] - } - ] + "groups": [ + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "iconcustomcolor", + "label": "Custom Icons Color", + "model": "iconcustomcolor", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "iconcolor", + "label": "Icon Color", + "model": "iconcolor", + "visible": "model.iconcustomcolor == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "iconsize", + "label": "Icon Size", + "model": "iconsize", + "min": 0, + "max": 150, + "x_form_group": "style" + } + ] + }, + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["icon", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "icon", + "label": "Icon Name", + "model": "icon" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "url", + "label": "Icon Url", + "model": "url" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "iconalttext", + "label": "Icon Alt Text", + "model": "iconalttext" + } + ], + "placeholder": "icons", + "label": "Icons", + "model": "icons", + "x_form_group": "content" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue index 9a1ada8f3..b5363f035 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/template.vue @@ -1,31 +1,31 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json index ee39714fe..7657e00c1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/dialog.json @@ -1,203 +1,203 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "material-range", - "placeholder": "height", - "label": "Height", - "model": "height", - "min": 0, - "max": 100, - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "cover", - "value": "cover" - }, - { - "name": "contain", - "value": "contain" - }, - { - "name": "auto", - "value": "auto" - } - ], - "placeholder": "bgsize", - "label": "Background Image Size", - "model": "bgsize", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "material-range", + "placeholder": "height", + "label": "Height", + "model": "height", + "min": 0, + "max": 100, + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "cover", + "value": "cover" + }, + { + "name": "contain", + "value": "contain" + }, + { + "name": "auto", + "value": "auto" + } + ], + "placeholder": "bgsize", + "label": "Background Image Size", + "model": "bgsize", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue index 942fb27e0..844f4c649 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/template.vue @@ -1,22 +1,22 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json index 27ec8776a..f4eb864ec 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/dialog.json @@ -1,468 +1,468 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["title", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Tab Title", - "model": "title" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Tab Text", - "model": "text" - } - ], - "placeholder": "tabs", - "label": "Tabs", - "model": "tabs", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "blue" - }, - { - "name": "Success", - "value": "green" - }, - { - "name": "Danger", - "value": "red" - }, - { - "name": "Warning", - "value": "orange" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "tabcolor", - "label": "Tab Color", - "model": "tabcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["title", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Tab Title", + "model": "title" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Tab Text", + "model": "text" + } + ], + "placeholder": "tabs", + "label": "Tabs", + "model": "tabs", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "blue" + }, + { + "name": "Success", + "value": "green" + }, + { + "name": "Danger", + "value": "red" + }, + { + "name": "Warning", + "value": "orange" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "tabcolor", + "label": "Tab Color", + "model": "tabcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue index 2dee48a39..4c19bc8ab 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/template.vue @@ -1,50 +1,53 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json index de97ce54f..0538aba71 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/dialog.json @@ -1,330 +1,330 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "tagslabel", - "label": "Tags Label", - "model": "tagslabel", - "x_form_group": "content" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "pagelink", - "label": "Tag Link Base Path", - "model": "pagelink", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Blue", - "value": "blue" - }, - { - "name": "Green", - "value": "green" - }, - { - "name": "Orange", - "value": "orange" - }, - { - "name": "Red", - "value": "red" - }, - { - "name": "Yellow", - "value": "yellow" - } - ], - "placeholder": "tagcolor", - "label": "Tag Color", - "model": "tagcolor", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "tagslabel", + "label": "Tags Label", + "model": "tagslabel", + "x_form_group": "content" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "pagelink", + "label": "Tag Link Base Path", + "model": "pagelink", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Blue", + "value": "blue" + }, + { + "name": "Green", + "value": "green" + }, + { + "name": "Orange", + "value": "orange" + }, + { + "name": "Red", + "value": "red" + }, + { + "name": "Yellow", + "value": "yellow" + } + ], + "placeholder": "tagcolor", + "label": "Tag Color", + "model": "tagcolor", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue index 994d17aee..c64573514 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/template.vue @@ -1,47 +1,49 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json index b85b0b72a..1b1bcc48a 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/dialog.json @@ -1,501 +1,501 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "visible": "model.showtext == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["buttontext", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "visible": "model.showbutton == 'true'", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "aligncontent", - "label": "Align Content", - "model": "aligncontent", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "isprimary", - "label": "Enlarge Text", - "model": "isprimary", - "default": "false", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "textwidth", - "label": "Text Width", - "model": "textwidth", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "left" - }, - { - "name": "After Content", - "value": "right" - } - ], - "placeholder": "buttonside", - "label": "Button Position", - "model": "buttonside", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "visible": "model.showtext == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "visible": "model.showbutton == 'true'", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "aligncontent", + "label": "Align Content", + "model": "aligncontent", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "isprimary", + "label": "Enlarge Text", + "model": "isprimary", + "default": "false", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "textwidth", + "label": "Text Width", + "model": "textwidth", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "left" + }, + { + "name": "After Content", + "value": "right" + } + ], + "placeholder": "buttonside", + "label": "Button Position", + "model": "buttonside", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue index b73435d54..fe0236916 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/template.vue @@ -1,103 +1,103 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json index e9aa66077..f8dd70ebc 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/dialog.json @@ -1,592 +1,592 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "title", - "label": "Title", - "model": "title", - "visible": "model.showtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "material-textarea", - "rows": 3, - "max": 500, - "placeholder": "subtitle", - "label": "Subtitle", - "model": "subtitle", - "visible": "model.showsubtitle == 'true'", - "x_form_group": "content" - }, - { - "type": "texteditor", - "rows": 10, - "placeholder": "text", - "label": "Text", - "model": "text", - "visible": "model.showtext == 'true'", - "x_form_group": "content" - }, - { - "type": "collection", - "multifield": true, - "fieldLabel": ["buttontext", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "buttontext", - "label": "Button Text", - "model": "buttontext" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "buttonlink", - "label": "Button Link", - "model": "buttonlink" - }, - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Secondary", - "value": "secondary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Info", - "value": "info" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "buttoncolor", - "label": "Button Color", - "model": "buttoncolor" - } - ], - "placeholder": "buttons", - "label": "Buttons", - "model": "buttons", - "visible": "model.showbutton == 'true'", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "left" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "right" - } - ], - "placeholder": "aligncontent", - "label": "Align Content", - "model": "aligncontent", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "isprimary", - "label": "Enlarge Text", - "model": "isprimary", - "default": "false", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtitle", - "label": "Show Title", - "model": "showtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showsubtitle", - "label": "Show Subtitle", - "model": "showsubtitle", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showtext", - "label": "Show Text", - "model": "showtext", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "textwidth", - "label": "Text Width", - "model": "textwidth", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showbutton", - "label": "Show Button", - "model": "showbutton", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Left", - "value": "start" - }, - { - "name": "Center", - "value": "center" - }, - { - "name": "Right", - "value": "end" - } - ], - "placeholder": "alignbuttons", - "label": "Button Alignment", - "model": "alignbuttons", - "x_form_group": "style" - }, - { - "type": "material-select", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Large", - "value": "large" - }, - { - "name": "Small", - "value": "small" - } - ], - "placeholder": "buttonsize", - "label": "Button Size", - "model": "buttonsize", - "visible": "model.showbutton == 'true'", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "showmedia", - "label": "Show Media", - "model": "showmedia", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "mediatype", - "label": "Media type", - "model": "mediatype", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "imagesrc", - "label": "Image Source", - "model": "imagesrc", - "visible": "model.mediatype == 'image' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "videosrc", - "label": "Video Source", - "model": "videosrc", - "visible": "model.mediatype == 'video' and model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "mediatitle", - "label": "Media Alt Text/Title", - "model": "mediatitle", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "mediawidth", - "label": "Width", - "model": "mediawidth", - "visible": "model.showmedia == 'true'", - "min": 10, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Before Content", - "value": "before" - }, - { - "name": "After Content", - "value": "after" - } - ], - "placeholder": "mediaposition", - "label": "Media Position", - "model": "mediaposition", - "visible": "model.showmedia == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "None", - "value": "" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "colorscheme", - "label": "Block Color Scheme", - "model": "colorscheme", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "custombackground", - "label": "Custom Background", - "model": "custombackground", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Color", - "value": "color" - }, - { - "name": "Gradient", - "value": "gradient" - }, - { - "name": "Image", - "value": "image" - }, - { - "name": "Video", - "value": "video" - } - ], - "placeholder": "backgroundtype", - "label": "Background Type", - "model": "backgroundtype", - "visible": "model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgvideo", - "label": "Background Video", - "model": "bgvideo", - "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/assets", - "placeholder": "bgimage", - "label": "Background Image", - "model": "bgimage", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgxposition", - "label": "Background X Position", - "model": "bgxposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bgyposition", - "label": "Background Y Position", - "model": "bgyposition", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "bgsize", - "label": "Background Size Style", - "model": "bgsize", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "overlay", - "label": "Overlay", - "model": "overlay", - "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "overlaycolor", - "label": "Overlay Color", - "model": "overlaycolor", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "overlayopacity", - "label": "Overlay opacity", - "model": "overlayopacity", - "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", - "min": 0, - "max": 100, - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "bgcolor", - "label": "Background Color", - "model": "bgcolor", - "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "input", - "inputType": "color", - "placeholder": "color2", - "label": "Color 2", - "model": "color2", - "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", - "x_form_group": "style" - }, - { - "type": "material-radios", - "values": [ - { - "name": "Default", - "value": "default" - }, - { - "name": "Full Width", - "value": "full" - }, - { - "name": "Article Width", - "value": "article" - } - ], - "placeholder": "blockwidth", - "label": "Block Width", - "model": "blockwidth", - "x_form_group": "style" - }, - { - "type": "materialswitch", - "textOn": "yes", - "textOff": "no", - "valueOn": "true", - "valueOff": "false", - "placeholder": "fullheight", - "label": "Full Height", - "model": "fullheight", - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "toppadding", - "label": "Top Padding", - "model": "toppadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - }, - { - "type": "material-range", - "placeholder": "bottompadding", - "label": "Bottom Padding", - "model": "bottompadding", - "visible": "model.fullheight != 'true'", - "min": 0, - "max": 300, - "x_form_group": "style" - } - ] - }, - { - "legend": "advanced", - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "anchorname", - "label": "Anchor Name", - "model": "anchorname", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "extraclasses", - "label": "Additonal Classes", - "model": "extraclasses", - "x_form_group": "advanced" - }, - { - "type": "material-select", - "values": [ - { - "name": "section", - "value": "section" - }, - { - "name": "article", - "value": "article" - }, - { - "name": "main", - "value": "main" - }, - { - "name": "div", - "value": "div" - }, - { - "name": "header", - "value": "header" - }, - { - "name": "nav", - "value": "nav" - }, - { - "name": "footer", - "value": "footer" - } - ], - "placeholder": "htmlelement", - "label": "Semantic Element", - "model": "htmlelement", - "x_form_group": "advanced" - }, - { - "type": "input", - "inputType": "text", - "placeholder": "contentname", - "label": "Content Name", - "model": "contentname", - "x_form_group": "advanced" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "title", + "label": "Title", + "model": "title", + "visible": "model.showtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "material-textarea", + "rows": 3, + "max": 500, + "placeholder": "subtitle", + "label": "Subtitle", + "model": "subtitle", + "visible": "model.showsubtitle == 'true'", + "x_form_group": "content" + }, + { + "type": "texteditor", + "rows": 10, + "placeholder": "text", + "label": "Text", + "model": "text", + "visible": "model.showtext == 'true'", + "x_form_group": "content" + }, + { + "type": "collection", + "multifield": true, + "fieldLabel": ["buttontext", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "buttontext", + "label": "Button Text", + "model": "buttontext" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "buttonlink", + "label": "Button Link", + "model": "buttonlink" + }, + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Info", + "value": "info" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "buttoncolor", + "label": "Button Color", + "model": "buttoncolor" + } + ], + "placeholder": "buttons", + "label": "Buttons", + "model": "buttons", + "visible": "model.showbutton == 'true'", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "right" + } + ], + "placeholder": "aligncontent", + "label": "Align Content", + "model": "aligncontent", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "isprimary", + "label": "Enlarge Text", + "model": "isprimary", + "default": "false", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtitle", + "label": "Show Title", + "model": "showtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showsubtitle", + "label": "Show Subtitle", + "model": "showsubtitle", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showtext", + "label": "Show Text", + "model": "showtext", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "textwidth", + "label": "Text Width", + "model": "textwidth", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showbutton", + "label": "Show Button", + "model": "showbutton", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Left", + "value": "start" + }, + { + "name": "Center", + "value": "center" + }, + { + "name": "Right", + "value": "end" + } + ], + "placeholder": "alignbuttons", + "label": "Button Alignment", + "model": "alignbuttons", + "x_form_group": "style" + }, + { + "type": "material-select", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Large", + "value": "large" + }, + { + "name": "Small", + "value": "small" + } + ], + "placeholder": "buttonsize", + "label": "Button Size", + "model": "buttonsize", + "visible": "model.showbutton == 'true'", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "showmedia", + "label": "Show Media", + "model": "showmedia", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "mediatype", + "label": "Media type", + "model": "mediatype", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "imagesrc", + "label": "Image Source", + "model": "imagesrc", + "visible": "model.mediatype == 'image' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "videosrc", + "label": "Video Source", + "model": "videosrc", + "visible": "model.mediatype == 'video' and model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "mediatitle", + "label": "Media Alt Text/Title", + "model": "mediatitle", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "mediawidth", + "label": "Width", + "model": "mediawidth", + "visible": "model.showmedia == 'true'", + "min": 10, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Before Content", + "value": "before" + }, + { + "name": "After Content", + "value": "after" + } + ], + "placeholder": "mediaposition", + "label": "Media Position", + "model": "mediaposition", + "visible": "model.showmedia == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "None", + "value": "" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "colorscheme", + "label": "Block Color Scheme", + "model": "colorscheme", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "custombackground", + "label": "Custom Background", + "model": "custombackground", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Color", + "value": "color" + }, + { + "name": "Gradient", + "value": "gradient" + }, + { + "name": "Image", + "value": "image" + }, + { + "name": "Video", + "value": "video" + } + ], + "placeholder": "backgroundtype", + "label": "Background Type", + "model": "backgroundtype", + "visible": "model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgvideo", + "label": "Background Video", + "model": "bgvideo", + "visible": "model.backgroundtype == 'video' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/assets", + "placeholder": "bgimage", + "label": "Background Image", + "model": "bgimage", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgxposition", + "label": "Background X Position", + "model": "bgxposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bgyposition", + "label": "Background Y Position", + "model": "bgyposition", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "bgsize", + "label": "Background Size Style", + "model": "bgsize", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "overlay", + "label": "Overlay", + "model": "overlay", + "visible": "model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "overlaycolor", + "label": "Overlay Color", + "model": "overlaycolor", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "overlayopacity", + "label": "Overlay opacity", + "model": "overlayopacity", + "visible": "model.overlay == 'true' and model.backgroundtype == 'image' and model.custombackground == 'true'", + "min": 0, + "max": 100, + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "bgcolor", + "label": "Background Color", + "model": "bgcolor", + "visible": "(model.backgroundtype == 'color' or model.backgroundtype == 'gradient') and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "input", + "inputType": "color", + "placeholder": "color2", + "label": "Color 2", + "model": "color2", + "visible": "model.backgroundtype == 'gradient' and model.custombackground == 'true'", + "x_form_group": "style" + }, + { + "type": "material-radios", + "values": [ + { + "name": "Default", + "value": "default" + }, + { + "name": "Full Width", + "value": "full" + }, + { + "name": "Article Width", + "value": "article" + } + ], + "placeholder": "blockwidth", + "label": "Block Width", + "model": "blockwidth", + "x_form_group": "style" + }, + { + "type": "materialswitch", + "textOn": "yes", + "textOff": "no", + "valueOn": "true", + "valueOff": "false", + "placeholder": "fullheight", + "label": "Full Height", + "model": "fullheight", + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "toppadding", + "label": "Top Padding", + "model": "toppadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + }, + { + "type": "material-range", + "placeholder": "bottompadding", + "label": "Bottom Padding", + "model": "bottompadding", + "visible": "model.fullheight != 'true'", + "min": 0, + "max": 300, + "x_form_group": "style" + } + ] + }, + { + "legend": "advanced", + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "anchorname", + "label": "Anchor Name", + "model": "anchorname", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "extraclasses", + "label": "Additonal Classes", + "model": "extraclasses", + "x_form_group": "advanced" + }, + { + "type": "material-select", + "values": [ + { + "name": "section", + "value": "section" + }, + { + "name": "article", + "value": "article" + }, + { + "name": "main", + "value": "main" + }, + { + "name": "div", + "value": "div" + }, + { + "name": "header", + "value": "header" + }, + { + "name": "nav", + "value": "nav" + }, + { + "name": "footer", + "value": "footer" + } + ], + "placeholder": "htmlelement", + "label": "Semantic Element", + "model": "htmlelement", + "x_form_group": "advanced" + }, + { + "type": "input", + "inputType": "text", + "placeholder": "contentname", + "label": "Content Name", + "model": "contentname", + "x_form_group": "advanced" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue index a4d866e86..2ad64f287 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/template.vue @@ -1,118 +1,118 @@ diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json index 7fdb3dd8a..828c72c48 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/dialog.json @@ -1,72 +1,72 @@ { - "groups": [ - { - "legend": "content", - "fields": [ - { - "type": "collection", - "multifield": true, - "fieldLabel": ["text", "value"], - "fields": [ - { - "type": "input", - "inputType": "text", - "placeholder": "text", - "label": "Link Text", - "model": "text" - }, - { - "type": "pathbrowser", - "browserRoot": "/content/themecleanflex/pages", - "placeholder": "link", - "label": "Link Url", - "model": "link" - } - ], - "placeholder": "links", - "label": "Links", - "model": "links", - "x_form_group": "content" - } - ] - }, - { - "legend": "style", - "fields": [ - { - "type": "material-select", - "values": [ - { - "name": "Primary", - "value": "primary" - }, - { - "name": "Success", - "value": "success" - }, - { - "name": "Danger", - "value": "danger" - }, - { - "name": "Warning", - "value": "warning" - }, - { - "name": "Light", - "value": "light" - }, - { - "name": "Dark", - "value": "dark" - } - ], - "placeholder": "linkcolor", - "label": "Link Color", - "model": "linkcolor", - "x_form_group": "style" - } - ] - } - ] + "groups": [ + { + "legend": "content", + "fields": [ + { + "type": "collection", + "multifield": true, + "fieldLabel": ["text", "value"], + "fields": [ + { + "type": "input", + "inputType": "text", + "placeholder": "text", + "label": "Link Text", + "model": "text" + }, + { + "type": "pathbrowser", + "browserRoot": "/content/themecleanflex/pages", + "placeholder": "link", + "label": "Link Url", + "model": "link" + } + ], + "placeholder": "links", + "label": "Links", + "model": "links", + "x_form_group": "content" + } + ] + }, + { + "legend": "style", + "fields": [ + { + "type": "material-select", + "values": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Success", + "value": "success" + }, + { + "name": "Danger", + "value": "danger" + }, + { + "name": "Warning", + "value": "warning" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ], + "placeholder": "linkcolor", + "label": "Link Color", + "model": "linkcolor", + "x_form_group": "style" + } + ] + } + ] } diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue index 0be9b1178..15f52ab66 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/template.vue @@ -1,33 +1,36 @@ diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css index f3f7d6ebc..768546af3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/commons.css @@ -1,97 +1,97 @@ /* Colors */ #peregrine-app { - --bg-primary: #ffffff; - --bg-secondary: #ffffff; + --bg-primary: #ffffff; + --bg-secondary: #ffffff; - --text-primary-color: #000000; - --text-secondary-color: #000000; + --text-primary-color: #000000; + --text-secondary-color: #000000; - --border-primary-color: #808080; + --border-primary-color: #808080; - --link-primary-color: var(--color-blue-700); - --link-primary-color-hover: var(--color-blue-800); + --link-primary-color: var(--color-blue-700); + --link-primary-color-hover: var(--color-blue-800); - --figcaption-primary-bg: rgba(255, 255, 255, 0); + --figcaption-primary-bg: rgba(255, 255, 255, 0); - --note-text-color: #000000; + --note-text-color: #000000; - --note-note-bg: var(--color-blue-200); - --note-note-border-color: var(--color-blue-500); + --note-note-bg: var(--color-blue-200); + --note-note-border-color: var(--color-blue-500); - --note-tip-bg: var(--color-green-200); - --note-tip-border-color: var(--color-green-500); + --note-tip-bg: var(--color-green-200); + --note-tip-border-color: var(--color-green-500); - --note-warning-bg: var(--color-orange-200); - --note-warning-border-color: var(--color-orange-500); + --note-warning-bg: var(--color-orange-200); + --note-warning-border-color: var(--color-orange-500); - --note-important-bg: var(--color-red-200); - --note-important-border-color: var(--color-red-500); + --note-important-bg: var(--color-red-200); + --note-important-border-color: var(--color-red-500); - --note-caution-bg: var(--color-yellow-200); - --note-caution-border-color: var(--color-yellow-500); + --note-caution-bg: var(--color-yellow-200); + --note-caution-border-color: var(--color-yellow-500); - --focus-border-color: var(--color-blue-900); + --focus-border-color: var(--color-blue-900); - --btn-color: #ffffff; - --btn-bg: var(--color-blue-700); - --btn-hover-bg: var(--color-blue-800); - --btn-hover-color: #ffffff; - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--color-blue-800); - --btn-focus-border-color: var(--focus-border-color); + --btn-color: #ffffff; + --btn-bg: var(--color-blue-700); + --btn-hover-bg: var(--color-blue-800); + --btn-hover-color: #ffffff; + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--color-blue-800); + --btn-focus-border-color: var(--focus-border-color); - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); - --btn-secondary-bg: var(--color-gray-200); - --btn-secondary-color: var(--color-gray-800); - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: var(--color-gray-300); - --btn-secondary-border-width: 1px; - --btn-secondary-hover-bg: var(--color-blue-800); - --btn-secondary-hover-color: #ffffff; - --btn-secondary-focus-color: var(--btn-primary-color); - --btn-secondary-focus-bg: var(--btn-focus-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); + --btn-secondary-bg: var(--color-gray-200); + --btn-secondary-color: var(--color-gray-800); + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: var(--color-gray-300); + --btn-secondary-border-width: 1px; + --btn-secondary-hover-bg: var(--color-blue-800); + --btn-secondary-hover-color: #ffffff; + --btn-secondary-focus-color: var(--btn-primary-color); + --btn-secondary-focus-bg: var(--btn-focus-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); - --btn-success-bg: var(--color-green-600); - --btn-success-hover-bg: var(--color-green-800); + --btn-success-bg: var(--color-green-600); + --btn-success-hover-bg: var(--color-green-800); - --btn-danger-bg: var(--color-red-600); - --btn-danger-hover-bg: var(--color-red-800); + --btn-danger-bg: var(--color-red-600); + --btn-danger-hover-bg: var(--color-red-800); - --btn-warning-bg: var(--color-orange-600); - --btn-warning-hover-bg: var(--color-orange-800); + --btn-warning-bg: var(--color-orange-600); + --btn-warning-hover-bg: var(--color-orange-800); - --btn-light-bg: var(--color-blue-100); - --btn-light-color: var(--link-primary-color); - --btn-light-hover-bg: var(--color-blue-300); + --btn-light-bg: var(--color-blue-100); + --btn-light-color: var(--link-primary-color); + --btn-light-hover-bg: var(--color-blue-300); - --btn-dark-bg: black; - --btn-dark-color: var(--btn-primary-color); - --btn-dark-hover-bg: var(--color-gray-900); + --btn-dark-bg: black; + --btn-dark-color: var(--btn-primary-color); + --btn-dark-hover-bg: var(--color-gray-900); } #peregrine-app .theme-dark { - --note-text-color: #ffffff; + --note-text-color: #ffffff; - --note-note-bg: var(--color-blue-600); - --note-note-border-color: var(--color-blue-900); + --note-note-bg: var(--color-blue-600); + --note-note-border-color: var(--color-blue-900); - --note-tip-bg: var(--color-green-600); - --note-tip-border-color: var(--color-green-900); + --note-tip-bg: var(--color-green-600); + --note-tip-border-color: var(--color-green-900); - --note-warning-bg: var(--color-orange-600); - --note-warning-border-color: var(--color-orange-900); + --note-warning-bg: var(--color-orange-600); + --note-warning-border-color: var(--color-orange-900); - --note-important-bg: var(--color-red-600); - --note-important-border-color: var(--color-red-900); + --note-important-bg: var(--color-red-600); + --note-important-border-color: var(--color-red-900); - --note-caution-bg: var(--color-yellow-600); - --note-caution-border-color: var(--color-yellow-900); + --note-caution-bg: var(--color-yellow-600); + --note-caution-border-color: var(--color-yellow-900); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css index 4b327b571..ded5b65bc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/custom.css @@ -1,20 +1,20 @@ :root { - /* Font Families */ - /* Web font families can be imported here, or by editing your base page templates siteCSS */ + /* Font Families */ + /* Web font families can be imported here, or by editing your base page templates siteCSS */ - /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ - /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */ - /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */ + /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ + /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */ + /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */ - /* Font size overrides */ + /* Font size overrides */ - /* --font-size-sm: 1rem; */ - /*--font-size-base: 1.125rem;*/ - /*--font-size-lg: 1.25rem;*/ - /*--font-size-xl: 1.5rem;*/ - /*--font-size-2xl: 1.875rem;*/ - /*--font-size-3xl: 2.25rem;*/ - /* --font-size-4xl: 5rem; */ - /*--font-size-5xl: 3rem;*/ - /*--font-size-6xl: 4rem;*/ + /* --font-size-sm: 1rem; */ + /*--font-size-base: 1.125rem;*/ + /*--font-size-lg: 1.25rem;*/ + /*--font-size-xl: 1.5rem;*/ + /*--font-size-2xl: 1.875rem;*/ + /*--font-size-3xl: 2.25rem;*/ + /* --font-size-4xl: 5rem; */ + /*--font-size-5xl: 3rem;*/ + /*--font-size-6xl: 4rem;*/ } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css index 4e9c66797..be672b8fc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palette.css @@ -1,220 +1,220 @@ /* takes loaded vars and styles the page ONLY USE VARS FOR COLORS HERE! */ #peregrine-app { - background: var(--bg-primary); - color: var(--text-primary-color); + background: var(--bg-primary); + color: var(--text-primary-color); } #peregrine-app .theme-light, #peregrine-app .theme-dark { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app *:not(hr) { - border-color: var(--border-primary-color); - color: var(--text-primary-color); + border-color: var(--border-primary-color); + color: var(--text-primary-color); } #peregrine-app a:not(.btn), #peregrine-app a:not(.btn) * { - color: var(--link-primary-color); + color: var(--link-primary-color); } #peregrine-app a:not(.btn):hover, #peregrine-app a:not(.btn) *:hover { - color: var(--link-primary-color-hover); + color: var(--link-primary-color-hover); } #peregrine-app a:focus { - box-shadow: 0 0 0 3px var(--focus-border-color); - outline: 2px solid transparent; /* Windows High Contrast Mode */ - outline-offset: 1px; + box-shadow: 0 0 0 3px var(--focus-border-color); + outline: 2px solid transparent; /* Windows High Contrast Mode */ + outline-offset: 1px; } #peregrine-app .btn { - color: var(--btn-color); - background: var(--btn-bg); + color: var(--btn-color); + background: var(--btn-bg); } #peregrine-app .btn:focus { - color: var(--btn-focus-color); - background: var(--btn-focus-bg); - box-shadow: 0 0 0 3px var(--btn-focus-border-color); - outline: 2px solid transparent; /* Windows High Contrast Mode */ + color: var(--btn-focus-color); + background: var(--btn-focus-bg); + box-shadow: 0 0 0 3px var(--btn-focus-border-color); + outline: 2px solid transparent; /* Windows High Contrast Mode */ } #peregrine-app .btn:hover { - color: var(--btn-hover-color); - background: var(--btn-hover-bg); + color: var(--btn-hover-color); + background: var(--btn-hover-bg); } #peregrine-app .btn.btn-primary { - color: var(--btn-primary-color); - background: var(--btn-primary-bg); + color: var(--btn-primary-color); + background: var(--btn-primary-bg); } #peregrine-app .btn.btn-primary:focus { - color: var(--btn-primary-focus-color); - background: var(--btn-primary-focus-bg); - box-shadow: 0 0 0 3px var(--btn-primary-focus-border-color); + color: var(--btn-primary-focus-color); + background: var(--btn-primary-focus-bg); + box-shadow: 0 0 0 3px var(--btn-primary-focus-border-color); } #peregrine-app .btn.btn-primary:hover { - color: var(--btn-primary-hover-color, var(--btn-hover-color, #ffffff)); - background: var(--btn-primary-hover-bg); - border-color: var(--btn-primary-hover-border-color); + color: var(--btn-primary-hover-color, var(--btn-hover-color, #ffffff)); + background: var(--btn-primary-hover-bg); + border-color: var(--btn-primary-hover-border-color); } #peregrine-app .btn.btn-secondary { - color: var(--btn-secondary-color); - background: var(--btn-secondary-bg); - border-color: var(--btn-secondary-border-color); - border-width: var(--btn-secondary-border-width); + color: var(--btn-secondary-color); + background: var(--btn-secondary-bg); + border-color: var(--btn-secondary-border-color); + border-width: var(--btn-secondary-border-width); } #peregrine-app .btn.btn-secondary:focus { - color: var(--btn-secondary-focus-color); - background: var(--btn-secondary-focus-bg); - box-shadow: 0 0 0 3px var(--btn-secondary-focus-border-color); - border-color: transparent; + color: var(--btn-secondary-focus-color); + background: var(--btn-secondary-focus-bg); + box-shadow: 0 0 0 3px var(--btn-secondary-focus-border-color); + border-color: transparent; } #peregrine-app .btn.btn-secondary:hover { - color: var(--btn-secondary-hover-color); - background: var(--btn-secondary-hover-bg); - border-color: var(--btn-secondary-hover-border-color); + color: var(--btn-secondary-hover-color); + background: var(--btn-secondary-hover-bg); + border-color: var(--btn-secondary-hover-border-color); } #peregrine-app .btn.btn-success { - background: var(--btn-success-bg) !important; - color: var(--btn-primary-color); + background: var(--btn-success-bg) !important; + color: var(--btn-primary-color); } #peregrine-app .btn.btn-success:hover { - background: var(--btn-success-hover-bg) !important; - color: var(--btn-success-hover-color, var(--btn-primary-color)); + background: var(--btn-success-hover-bg) !important; + color: var(--btn-success-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-danger { - background: var(--btn-danger-bg) !important; - color: var(--btn-primary-color); + background: var(--btn-danger-bg) !important; + color: var(--btn-primary-color); } #peregrine-app .btn.btn-danger:hover { - background: var(--btn-danger-hover-bg) !important; - color: var(--btn-danger-hover-color, var(--btn-primary-color)); + background: var(--btn-danger-hover-bg) !important; + color: var(--btn-danger-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-warning { - background: var(--btn-warning-bg) !important; - color: var(--btn-warning-color, var(--btn-primary-color)); + background: var(--btn-warning-bg) !important; + color: var(--btn-warning-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-warning:hover { - background: var(--btn-warning-hover-bg) !important; - color: var(--btn-warning-hover-color, var(--btn-primary-color)); + background: var(--btn-warning-hover-bg) !important; + color: var(--btn-warning-hover-color, var(--btn-primary-color)); } #peregrine-app .btn.btn-light { - background: var(--btn-light-bg) !important; - color: var(--btn-light-color); + background: var(--btn-light-bg) !important; + color: var(--btn-light-color); } #peregrine-app .btn.btn-light:hover { - background: var(--btn-light-hover-bg) !important; - color: var(--btn-light-hover-color, var(--link-primary-color)); + background: var(--btn-light-hover-bg) !important; + color: var(--btn-light-hover-color, var(--link-primary-color)); } #peregrine-app .btn.btn-dark { - background: var(--btn-dark-bg) !important; - color: var(--btn-dark-color); + background: var(--btn-dark-bg) !important; + color: var(--btn-dark-color); } #peregrine-app .btn.btn-dark:hover { - background: var(--btn-dark-hover-bg) !important; - color: var(--btn-dark-hover-color, var(--btn-primary-color)); + background: var(--btn-dark-hover-bg) !important; + color: var(--btn-dark-hover-color, var(--btn-primary-color)); } #peregrine-app .theme-light .accordion-container, #peregrine-app .theme-dark .accordion-container { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app .accordion-toggle-button { - font-family: inherit; - -webkit-appearance: none; - border: 0; - background: none; + font-family: inherit; + -webkit-appearance: none; + border: 0; + background: none; } #peregrine-app .accordion-toggle-button:focus { - outline: 0; + outline: 0; } #peregrine-app .accordion-toggle-button:focus svg { - fill: var(--btn-focus-border-color, blue); + fill: var(--btn-focus-border-color, blue); } #peregrine-app svg:not(.fill-current) { - fill: var(--text-primary-color); + fill: var(--text-primary-color); } #peregrine-app [class$="-components-carousel"] figcaption { - background-color: var(--figcaption-primary-bg, rgba(255, 255, 255, 0)); + background-color: var(--figcaption-primary-bg, rgba(255, 255, 255, 0)); } #peregrine-app .note-note, #peregrine-app .note-note * { - color: var(--note-text-color); - background-color: var(--note-note-bg); - border-color: var(--note-note-border-color); + color: var(--note-text-color); + background-color: var(--note-note-bg); + border-color: var(--note-note-border-color); } #peregrine-app .note-tip, #peregrine-app .note-tip * { - color: var(--note-text-color); - background-color: var(--note-tip-bg); - border-color: var(--note-tip-border-color); + color: var(--note-text-color); + background-color: var(--note-tip-bg); + border-color: var(--note-tip-border-color); } #peregrine-app .note-warning, #peregrine-app .note-warning * { - color: var(--note-text-color); - background-color: var(--note-warning-bg); - border-color: var(--note-warning-border-color); + color: var(--note-text-color); + background-color: var(--note-warning-bg); + border-color: var(--note-warning-border-color); } #peregrine-app .note-important, #peregrine-app .note-important * { - color: var(--note-text-color); - background-color: var(--note-important-bg); - border-color: var(--note-important-border-color); + color: var(--note-text-color); + background-color: var(--note-important-bg); + border-color: var(--note-important-border-color); } #peregrine-app .note-caution, #peregrine-app .note-caution * { - color: var(--note-text-color); - background-color: var(--note-caution-bg); - border-color: var(--note-caution-border-color); + color: var(--note-text-color); + background-color: var(--note-caution-bg); + border-color: var(--note-caution-border-color); } #peregrine-app [class$="-components-navigation"] a, #peregrine-app [class$="-components-navigation"] a * { - color: var(--text-primary-color); + color: var(--text-primary-color); } #peregrine-app [class$="-components-navigation"] a:hover, #peregrine-app [class$="-components-navigation"] a:hover { - color: var(--bg-primary); - background-color: var(--text-primary-color); + color: var(--bg-primary); + background-color: var(--text-primary-color); } #peregrine-app [class$="-components-navigation"] .dropdown-list { - background: var(--bg-primary); + background: var(--bg-primary); } #peregrine-app [class$="-components-tabs"] a[aria-selected="true"], #peregrine-app [class$="-components-tabs"] a[aria-selected="true"] * { - color: var(--btn-primary-color); - background-color: var(--btn-primary-bg); + color: var(--btn-primary-color); + background-color: var(--btn-primary-bg); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css index 687b5344f..6662bd823 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/balanced-color.css @@ -1,41 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #85dccb; - --bg-secondary: #ffd4e1; + --bg-primary: #85dccb; + --bg-secondary: #ffd4e1; - --text-primary-color: #46291f; - --text-secondary-color: #0a0a0a; + --text-primary-color: #46291f; + --text-secondary-color: #0a0a0a; - --border-primary-color: #7b7b7b; + --border-primary-color: #7b7b7b; - --link-primary-color: #46291f; - --link-primary-color-hover: #ffffff; + --link-primary-color: #46291f; + --link-primary-color-hover: #ffffff; - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #005c50; - --bg-secondary: #5e1414; + --bg-primary: #005c50; + --bg-secondary: #5e1414; - --text-primary-color: #e6e6e6; - --text-secondary-color: #ffb8b8; + --text-primary-color: #e6e6e6; + --text-secondary-color: #ffb8b8; - --border-primary-color: var(--color-gray-900); + --border-primary-color: var(--color-gray-900); - --link-primary-color: #e6e6e6; - --link-primary-color-hover: #ffb8b8; + --link-primary-color: #e6e6e6; + --link-primary-color-hover: #ffb8b8; - --btn-primary-bg: #e4e4e4; - --btn-primary-color: #000000; + --btn-primary-bg: #e4e4e4; + --btn-primary-color: #000000; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css index af24384e6..632f87c23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/basic-maroon.css @@ -1,39 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #dad6d6; - --bg-secondary: #f5f5f5; + --bg-primary: #dad6d6; + --bg-secondary: #f5f5f5; - --text-primary-color: #722525; - --text-secondary-color: #0a0a0a; + --text-primary-color: #722525; + --text-secondary-color: #0a0a0a; - --border-primary-color: var(--color-gray-300); + --border-primary-color: var(--color-gray-300); - --link-primary-color: #722525; + --link-primary-color: #722525; - --btn-primary-bg: #722525; - --btn-primary-color: #ffffff; + --btn-primary-bg: #722525; + --btn-primary-color: #ffffff; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #5e5e5e; - --bg-secondary: #2d2d2d; + --bg-primary: #5e5e5e; + --bg-secondary: #2d2d2d; - --text-primary-color: #ffffff; - --text-secondary-color: #810202; + --text-primary-color: #ffffff; + --text-secondary-color: #810202; - --border-primary-color: var(--color-gray-100); + --border-primary-color: var(--color-gray-100); - --link-primary-color: #dadada; + --link-primary-color: #dadada; - --btn-primary-bg: #810202; - --btn-primary-color: #ffffff; + --btn-primary-bg: #810202; + --btn-primary-color: #ffffff; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css index c762da786..df5aacf4b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/classy.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #f4f4f4; - --bg-secondary: #dcd0c0; + --bg-primary: #f4f4f4; + --bg-secondary: #dcd0c0; - --text-primary-color: #373737; - --text-secondary-color: #63365a; + --text-primary-color: #373737; + --text-secondary-color: #63365a; - --border-primary-color: #373737; + --border-primary-color: #373737; - --link-primary-color: #373737; - --link-primary-color-hover: #63365a; + --link-primary-color: #373737; + --link-primary-color-hover: #63365a; - --btn-primary-bg: #373737; - --btn-primary-color: #f4f4f4; + --btn-primary-bg: #373737; + --btn-primary-color: #f4f4f4; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #373737; - --bg-secondary: #63365a; + --bg-primary: #373737; + --bg-secondary: #63365a; - --text-primary-color: #f4f4f4; - --text-secondary-color: #dcd0c0; + --text-primary-color: #f4f4f4; + --text-secondary-color: #dcd0c0; - --border-primary-color: #f4f4f4; + --border-primary-color: #f4f4f4; - --link-primary-color: #f4f4f4; - --link-primary-color-hover: #dcd0c0; + --link-primary-color: #f4f4f4; + --link-primary-color-hover: #dcd0c0; - --btn-primary-bg: #f4f4f4; - --btn-primary-color: #373737; + --btn-primary-bg: #f4f4f4; + --btn-primary-color: #373737; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css index f739f2220..d05ab5551 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/lime.css @@ -1,41 +1,41 @@ /* lime palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-dark { - --bg-primary: var(--color-green-900); - --bg-secondary: var(--color-green-800); + --bg-primary: var(--color-green-900); + --bg-secondary: var(--color-green-800); - --text-primary-color: var(--color-gray-200); - --text-secondary-color: var(--color-gray-400); + --text-primary-color: var(--color-gray-200); + --text-secondary-color: var(--color-gray-400); - --border-primary-color: #cfc3c3; + --border-primary-color: #cfc3c3; - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-green-200); + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-green-200); - --btn-primary-bg: #cfc3c3; - --btn-primary-color: #000000; + --btn-primary-bg: #cfc3c3; + --btn-primary-color: #000000; - --figcaption-primary-bg: #00800080; + --figcaption-primary-bg: #00800080; } #peregrine-app .theme-light { - --bg-primary: var(--color-green-300); - --bg-secondary: var(--color-green-200); + --bg-primary: var(--color-green-300); + --bg-secondary: var(--color-green-200); - --text-primary-color: #000000; - --text-secondary-color: var(--color-gray-600); + --text-primary-color: #000000; + --text-secondary-color: var(--color-gray-600); - --border-primary-color: #6a6b69; + --border-primary-color: #6a6b69; - --btn-primary-bg: #6a6b69; - --btn-primary-color: #ffffff; + --btn-primary-bg: #6a6b69; + --btn-primary-color: #ffffff; - --link-primary-color: #000000; - --link-primary-color-hover: #ffffff; + --link-primary-color: #000000; + --link-primary-color-hover: #ffffff; - --figcaption-primary-bg: #8efd8e4d; + --figcaption-primary-bg: #8efd8e4d; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css index 6fb776d74..185890240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/multi-color.css @@ -1,39 +1,39 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #eaf4f4; - --bg-secondary: #ffffff; + --bg-primary: #eaf4f4; + --bg-secondary: #ffffff; - --text-primary-color: #232d42; - --text-secondary-color: #a80000; + --text-primary-color: #232d42; + --text-secondary-color: #a80000; - --border-primary-color: #dad6d6; + --border-primary-color: #dad6d6; - --link-primary-color: #232d42; + --link-primary-color: #232d42; - --btn-primary-bg: #a80000; - --btn-primary-color: #ffffff; + --btn-primary-bg: #a80000; + --btn-primary-color: #ffffff; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #232d42; - --bg-secondary: #c1322d; + --bg-primary: #232d42; + --bg-secondary: #c1322d; - --text-primary-color: #eaf4f4; - --text-secondary-color: #ffffff; + --text-primary-color: #eaf4f4; + --text-secondary-color: #ffffff; - --border-primary-color: #b9b7b7; + --border-primary-color: #b9b7b7; - --link-primary-color: #eaf4f4; + --link-primary-color: #eaf4f4; - --btn-primary-bg: #c1322d; - --btn-primary-color: #ffffff; + --btn-primary-bg: #c1322d; + --btn-primary-color: #ffffff; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css index 32ee3daa3..f087c12d4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sharp-blue.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #d7dfdd; - --bg-secondary: #f5f5f5; + --bg-primary: #d7dfdd; + --bg-secondary: #f5f5f5; - --text-primary-color: #0e0b16; - --text-secondary-color: #4711f6; + --text-primary-color: #0e0b16; + --text-secondary-color: #4711f6; - --border-primary-color: #373737; + --border-primary-color: #373737; - --link-primary-color: #0e0b16; - --link-primary-color-hover: #4711f6; + --link-primary-color: #0e0b16; + --link-primary-color-hover: #4711f6; - --btn-primary-bg: #4711f6; - --btn-primary-color: #d7dfdd; + --btn-primary-bg: #4711f6; + --btn-primary-color: #d7dfdd; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #0e0b16; - --bg-secondary: #00003c; + --bg-primary: #0e0b16; + --bg-secondary: #00003c; - --text-primary-color: #d7dfdd; - --text-secondary-color: #4711f6; + --text-primary-color: #d7dfdd; + --text-secondary-color: #4711f6; - --border-primary-color: #d7dfdd; + --border-primary-color: #d7dfdd; - --link-primary-color: #d7dfdd; - --link-primary-color-hover: #4711f6; + --link-primary-color: #d7dfdd; + --link-primary-color-hover: #4711f6; - --btn-primary-bg: #d7dfdd; - --btn-primary-color: #4711f6; + --btn-primary-bg: #d7dfdd; + --btn-primary-color: #4711f6; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css index 07b20a49d..1e8516909 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/sunshine.css @@ -1,41 +1,41 @@ /* default palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #fcf2e9; - --bg-secondary: #ffde22; + --bg-primary: #fcf2e9; + --bg-secondary: #ffde22; - --text-primary-color: #1a1a1a; - --text-secondary-color: var(--color-gray-700); + --text-primary-color: #1a1a1a; + --text-secondary-color: var(--color-gray-700); - --border-primary-color: #1a1a1a; + --border-primary-color: #1a1a1a; - --link-primary-color: #1a1a1a; - --link-primary-color-hover: var(--color-gray-400); + --link-primary-color: #1a1a1a; + --link-primary-color-hover: var(--color-gray-400); - --btn-primary-bg: #1a1a1a; - --btn-primary-color: #fcf2e9; + --btn-primary-bg: #1a1a1a; + --btn-primary-color: #fcf2e9; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #1a1a1a; - --bg-secondary: var(--color-gray-700); + --bg-primary: #1a1a1a; + --bg-secondary: var(--color-gray-700); - --text-primary-color: #ffde22; - --text-secondary-color: var(--color-gray-400); + --text-primary-color: #ffde22; + --text-secondary-color: var(--color-gray-400); - --border-primary-color: #ffde22; + --border-primary-color: #ffde22; - --link-primary-color: #ffde22; - --link-primary-color-hover: var(--color-gray-400); + --link-primary-color: #ffde22; + --link-primary-color-hover: var(--color-gray-400); - --btn-primary-bg: #ffde22; - --btn-primary-color: #1a1a1a; + --btn-primary-bg: #ffde22; + --btn-primary-color: #1a1a1a; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css index 082b8d504..036bb92f0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes-attic/warm-tones.css @@ -1,41 +1,41 @@ /* balance-color palette */ #peregrine-app { - /* NONE definitions to overwrite :root vars */ + /* NONE definitions to overwrite :root vars */ } #peregrine-app .theme-light { - --bg-primary: #d7cec7; - --bg-secondary: #dcc2a9; + --bg-primary: #d7cec7; + --bg-secondary: #dcc2a9; - --text-primary-color: #581e1e; - --text-secondary-color: #654526; + --text-primary-color: #581e1e; + --text-secondary-color: #654526; - --border-primary-color: #581e1e; + --border-primary-color: #581e1e; - --link-primary-color: #654526; - --link-primary-color-hover: #581e1e; + --link-primary-color: #654526; + --link-primary-color-hover: #581e1e; - --btn-primary-bg: #654526; - --btn-primary-color: #d7cec7; + --btn-primary-bg: #654526; + --btn-primary-color: #d7cec7; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: #565656; - --bg-secondary: #654526; + --bg-primary: #565656; + --bg-secondary: #654526; - --text-primary-color: #d7cec7; - --text-secondary-color: #dcc2a9; + --text-primary-color: #d7cec7; + --text-secondary-color: #dcc2a9; - --border-primary-color: #d7cec7; + --border-primary-color: #d7cec7; - --link-primary-color: #d7cec7; - --link-primary-color-hover: #dcc2a9; + --link-primary-color: #d7cec7; + --link-primary-color-hover: #dcc2a9; - --btn-primary-bg: #d7cec7; - --btn-primary-color: #654526; + --btn-primary-bg: #d7cec7; + --btn-primary-color: #654526; - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css index 2689098c2..00b129033 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/dawn.css @@ -1,170 +1,170 @@ /* purple rain palette */ #peregrine-app { - --color-accent-1-900: #62319e; - --color-accent-1-800: #6f309a; - --color-accent-1-700: #7c2e96; - --color-accent-1-600: #882d92; - --color-accent-1-500: #a72b95; - --color-accent-1-400: #bb2881; - --color-accent-1-300: #d02261; - --color-accent-1-200: #dc5ebe; - --color-accent-1-100: #dea1e9; - --color-accent-1-50: #efeaf5; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f8f8f8; - - --dawn-gradient-1: linear-gradient( - 20deg, - var(--color-accent-1-600) 0%, - transparent 100% - ) - var(--color-accent-1-300); - --dawn-gradient-1-hover: linear-gradient( - 20deg, - var(--color-accent-1-600) 0%, - transparent 100% - ) - var(--color-accent-1-600); - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-2-200); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-1-900); - --btn-secondary-bg: var(--color-accent-1-50); - --btn-secondary-border-width: 0; - --btn-secondary-border-color: transparent; - --btn-secondary-hover-color: var(--color-accent-1-50); - --btn-secondary-hover-bg: var(--color-accent-1-900); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - - --btn-light-bg: var(--color-accent-1-300); - --btn-light-color: #ffffff; - - --btn-dark-bg: var(--color-accent-1-900); - --btn-dark-color: #ffffff; - - --text-primary-color: rgba(0, 0, 0, 0.87); - --text-secondary-color: rgba(0, 0, 0, 0.6); + --color-accent-1-900: #62319e; + --color-accent-1-800: #6f309a; + --color-accent-1-700: #7c2e96; + --color-accent-1-600: #882d92; + --color-accent-1-500: #a72b95; + --color-accent-1-400: #bb2881; + --color-accent-1-300: #d02261; + --color-accent-1-200: #dc5ebe; + --color-accent-1-100: #dea1e9; + --color-accent-1-50: #efeaf5; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f8f8f8; + + --dawn-gradient-1: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --dawn-gradient-1-hover: linear-gradient( + 20deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-2-200); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-1-900); + --btn-secondary-bg: var(--color-accent-1-50); + --btn-secondary-border-width: 0; + --btn-secondary-border-color: transparent; + --btn-secondary-hover-color: var(--color-accent-1-50); + --btn-secondary-hover-bg: var(--color-accent-1-900); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + + --btn-light-bg: var(--color-accent-1-300); + --btn-light-color: #ffffff; + + --btn-dark-bg: var(--color-accent-1-900); + --btn-dark-color: #ffffff; + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { - --bg-primary: var(--color-accent-2-200); - --bg-secondary: var(--dawn-gradient-1); + --bg-primary: var(--color-accent-2-200); + --bg-secondary: var(--dawn-gradient-1); - --border-primary-color: rgba(0, 0, 0, 0.1); + --border-primary-color: rgba(0, 0, 0, 0.1); } #peregrine-app .theme-dark, #peregrine-app .themecleanflex-components-cards.theme-light .card--bg { - --btn-color: var(--color-accent-1-500); - --btn-bg: var(--color-accent-1-50); - --btn-hover-color: var(--color-accent-1-900); - --btn-hover-bg: var(--color-accent-1-100); - --btn-focus-color: var(--btn-hover-color); - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-200); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-color: #ffffff; - --btn-secondary-bg: transparent; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); + --btn-color: var(--color-accent-1-500); + --btn-bg: var(--color-accent-1-50); + --btn-hover-color: var(--color-accent-1-900); + --btn-hover-bg: var(--color-accent-1-100); + --btn-focus-color: var(--btn-hover-color); + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-200); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-color: #ffffff; + --btn-secondary-bg: transparent; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-700); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); } #peregrine-app .theme-dark { - --bg-primary: var(--dawn-gradient-1); - --bg-secondary: #ffffff; + --bg-primary: var(--dawn-gradient-1); + --bg-secondary: #ffffff; - --border-primary-color: rgba(255, 255, 255, 0.6); + --border-primary-color: rgba(255, 255, 255, 0.6); - --text-primary-color: rgba(255, 255, 255, 0.87); - --text-secondary-color: rgba(255, 255, 255, 0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-accent-1-50); - --focus-border-color: var(--color-accent-1-100); + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-accent-1-50); + --focus-border-color: var(--color-accent-1-100); } /* Individual overwrites */ #peregrine-app [class$="components-cards"].theme-light .card--bg { - --text-primary-color: rgba(255, 255, 255, 0.87); - --text-secondary-color: rgba(255, 255, 255, 0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); } #peregrine-app [class$="components-cards"].theme-dark .card--bg, #peregrine-app - [class$="components-accordion"].theme-dark - .accordion-container - .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0, 0, 0, 0.87); - --text-secondary-color: rgba(0, 0, 0, 0.6); - - --btn-color: #ffffff; - --btn-bg: var(--dawn-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--dawn-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); + + --btn-color: #ffffff; + --btn-bg: var(--dawn-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--dawn-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); } #peregrine-app - [class$="components-accordion"].theme-light - .accordion-container - .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255, 255, 255, 0.6); + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); } #peregrine-app .theme-light .accordion-container.accordion-container, #peregrine-app .theme-dark .accordion-container.accordion-container { - background: transparent; + background: transparent; } #peregrine-app [class$="components-quote"] { - --border-primary-color: var(--color-accent-1-700); + --border-primary-color: var(--color-accent-1-700); } #peregrine-app .theme-dark[class$="-components-navigation"] a:hover { - color: var(--color-accent-1-700); + color: var(--color-accent-1-700); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css index 6cef5c67d..f9523ca84 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/default.css @@ -1,118 +1,118 @@ /* default palette */ #peregrine-app { - --color-accent-1-900: #000653; - --color-accent-1-800: #001477; - --color-accent-1-700: #00289b; - --color-accent-1-600: #0042bf; - --color-accent-1-500: #054cc6; - --color-accent-1-400: #186ddb; - --color-accent-1-300: #237ee5; - --color-accent-1-200: #5198ec; - --color-accent-1-100: #81b4f2; - --color-accent-1-50: #e8f2ff; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f2f2f2; - - --color-accent-3-800: #191919; - --color-accent-3-900: #000000; - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-2-200); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--color-accent-3-900); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--color-accent-3-800); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--color-accent-3-800); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-3-900); - --btn-secondary-bg: #ffffff; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: var(--color-accent-3-900); - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: #dddcdc; - --btn-secondary-focus-color: #ffffff; - --btn-secondary-focus-bg: var(--color-accent-3-800); - - --btn-light-bg: var(--color-accent-1-200); - --btn-light-hover-bg: var(--color-accent-1-300); - --btn-light-hover-color: var(--color-accent-1-900); - - --btn-dark-bg: var(--color-accent-1-600); - --btn-dark-hover-bg: var(--color-accent-1-700); - - --text-primary-color: rgba(0, 0, 0, 0.87); - --text-secondary-color: rgba(0, 0, 0, 0.6); + --color-accent-1-900: #000653; + --color-accent-1-800: #001477; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f2f2f2; + + --color-accent-3-800: #191919; + --color-accent-3-900: #000000; + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-2-200); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--color-accent-3-900); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--color-accent-3-800); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--color-accent-3-800); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-3-900); + --btn-secondary-bg: #ffffff; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: var(--color-accent-3-900); + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: #dddcdc; + --btn-secondary-focus-color: #ffffff; + --btn-secondary-focus-bg: var(--color-accent-3-800); + + --btn-light-bg: var(--color-accent-1-200); + --btn-light-hover-bg: var(--color-accent-1-300); + --btn-light-hover-color: var(--color-accent-1-900); + + --btn-dark-bg: var(--color-accent-1-600); + --btn-dark-hover-bg: var(--color-accent-1-700); + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { - --bg-primary: var(--color-accent-2-200); - --bg-secondary: var(--color-accent-2-100); + --bg-primary: var(--color-accent-2-200); + --bg-secondary: var(--color-accent-2-100); - --btn-secondary-color: var(--color-accent-1-900); - --btn-secondary-bg: var(--bg-secondary); - --btn-secondary-border-width: 0; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-300); - --btn-secondary-focus-color: var(--btn-secondary-color); - --btn-secondary-focus-bg: var(--color-accent-1-300); + --btn-secondary-color: var(--color-accent-1-900); + --btn-secondary-bg: var(--bg-secondary); + --btn-secondary-border-width: 0; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-300); + --btn-secondary-focus-color: var(--btn-secondary-color); + --btn-secondary-focus-bg: var(--color-accent-1-300); - --link-primary-color: var(--text-primary-color); - --link-primary-color-hover: #000000; + --link-primary-color: var(--text-primary-color); + --link-primary-color-hover: #000000; - --figcaption-primary-bg: #ffffff99; + --figcaption-primary-bg: #ffffff99; } #peregrine-app .theme-dark { - --bg-primary: var(--color-accent-3-900); - --bg-secondary: var(--color-accent-3-800); - --border-primary-color: rgba(255, 255, 255, 0.2); - - --link-primary-color: var(--color-accent-1-200); - --link-primary-color-hover: var(--color-accent-1-100); - - --text-primary-color: #ffffff; - --text-secondary-color: rgba(255, 255, 255, 0.6); - - --btn-focus-border-color: #ffffff; - - --btn-color: var(--color-accent-3-900); - --btn-bg: #ffffff; - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--color-accent-3-800); - --btn-focus-color: var(--color-accent-3-800); - --btn-focus-bg: #e4e4e4; - --btn-focus-border-color: var(--color-accent-1-500); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-bg: var(--color-accent-3-900); - --btn-secondary-color: #ffffff; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: #ffffff; - --btn-secondary-hover-bg: var(--color-accent-3-800); - --btn-secondary-focus-color: #ffffff; - --btn-secondary-focus-bg: var(--color-accent-3-800); - - /* --link-primary-color: var(--text-primary-color); + --bg-primary: var(--color-accent-3-900); + --bg-secondary: var(--color-accent-3-800); + --border-primary-color: rgba(255, 255, 255, 0.2); + + --link-primary-color: var(--color-accent-1-200); + --link-primary-color-hover: var(--color-accent-1-100); + + --text-primary-color: #ffffff; + --text-secondary-color: rgba(255, 255, 255, 0.6); + + --btn-focus-border-color: #ffffff; + + --btn-color: var(--color-accent-3-900); + --btn-bg: #ffffff; + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--color-accent-3-800); + --btn-focus-color: var(--color-accent-3-800); + --btn-focus-bg: #e4e4e4; + --btn-focus-border-color: var(--color-accent-1-500); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-bg: var(--color-accent-3-900); + --btn-secondary-color: #ffffff; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: #ffffff; + --btn-secondary-hover-bg: var(--color-accent-3-800); + --btn-secondary-focus-color: #ffffff; + --btn-secondary-focus-bg: var(--color-accent-3-800); + + /* --link-primary-color: var(--text-primary-color); --link-primary-color-hover: #ffffff; */ - --figcaption-primary-bg: #00000080; + --figcaption-primary-bg: #00000080; } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css index dc21bd920..c15d0d3c7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/ocean.css @@ -1,154 +1,154 @@ /* ocean palette */ #peregrine-app { - --color-accent-1-900: #000653; - --color-accent-1-800: #001477; - --color-accent-1-700: #00289b; - --color-accent-1-600: #0042bf; - --color-accent-1-500: #054cc6; - --color-accent-1-400: #186ddb; - --color-accent-1-300: #237ee5; - --color-accent-1-200: #5198ec; - --color-accent-1-100: #81b4f2; - --color-accent-1-50: #e8f2ff; - - --color-accent-2-100: #ffffff; - --color-accent-2-200: #f2f2f2; - - --ocean-gradient-1: linear-gradient( - -10deg, - var(--color-accent-1-600) 0%, - transparent 100% - ) - var(--color-accent-1-300); - --ocean-gradient-1-hover: linear-gradient( - -10deg, - var(--color-accent-1-600) 0%, - transparent 100% - ) - var(--color-accent-1-600); - - --bg-primary: var(--color-accent-2-100); - --bg-secondary: var(--color-accent-1-50); - --border-primary-color: rgba(66, 67, 68, 0.2); - - --link-primary-color: var(--color-accent-1-500); - --link-primary-color-hover: var(--color-accent-1-800); - - --focus-border-color: var(--color-accent-1-500); - - --btn-color: #ffffff; - --btn-bg: var(--ocean-gradient-1); - --btn-hover-color: #ffffff; - --btn-hover-bg: var(--ocean-gradient-1-hover); - --btn-focus-color: #ffffff; - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-300); - - --btn-secondary-color: var(--color-accent-1-500); - --btn-secondary-bg: var(--color-accent-1-50); - --btn-secondary-border-width: 0; - --btn-secondary-border-color: transparent; - --btn-secondary-hover-color: var(--color-accent-1-800); - --btn-secondary-hover-bg: var(--color-accent-1-100); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - - --btn-light-bg: var(--color-accent-1-200); - --btn-light-color: var(--color-accent-1-900); - - --btn-dark-bg: var(--color-accent-1-900); - --btn-dark-color: #ffffff; - - --text-primary-color: rgba(0, 0, 0, 0.87); - --text-secondary-color: rgba(0, 0, 0, 0.6); + --color-accent-1-900: #000653; + --color-accent-1-800: #001477; + --color-accent-1-700: #00289b; + --color-accent-1-600: #0042bf; + --color-accent-1-500: #054cc6; + --color-accent-1-400: #186ddb; + --color-accent-1-300: #237ee5; + --color-accent-1-200: #5198ec; + --color-accent-1-100: #81b4f2; + --color-accent-1-50: #e8f2ff; + + --color-accent-2-100: #ffffff; + --color-accent-2-200: #f2f2f2; + + --ocean-gradient-1: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-300); + --ocean-gradient-1-hover: linear-gradient( + -10deg, + var(--color-accent-1-600) 0%, + transparent 100% + ) + var(--color-accent-1-600); + + --bg-primary: var(--color-accent-2-100); + --bg-secondary: var(--color-accent-1-50); + --border-primary-color: rgba(66, 67, 68, 0.2); + + --link-primary-color: var(--color-accent-1-500); + --link-primary-color-hover: var(--color-accent-1-800); + + --focus-border-color: var(--color-accent-1-500); + + --btn-color: #ffffff; + --btn-bg: var(--ocean-gradient-1); + --btn-hover-color: #ffffff; + --btn-hover-bg: var(--ocean-gradient-1-hover); + --btn-focus-color: #ffffff; + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-300); + + --btn-secondary-color: var(--color-accent-1-500); + --btn-secondary-bg: var(--color-accent-1-50); + --btn-secondary-border-width: 0; + --btn-secondary-border-color: transparent; + --btn-secondary-hover-color: var(--color-accent-1-800); + --btn-secondary-hover-bg: var(--color-accent-1-100); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + + --btn-light-bg: var(--color-accent-1-200); + --btn-light-color: var(--color-accent-1-900); + + --btn-dark-bg: var(--color-accent-1-900); + --btn-dark-color: #ffffff; + + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app .theme-light { - --bg-primary: var(--color-accent-1-50); - --bg-secondary: var(--ocean-gradient-1); + --bg-primary: var(--color-accent-1-50); + --bg-secondary: var(--ocean-gradient-1); - --border-primary-color: rgba(0, 0, 0, 0.1); + --border-primary-color: rgba(0, 0, 0, 0.1); } #peregrine-app .theme-dark, #peregrine-app .themecleanflex-components-cards.theme-light .card--bg { - --btn-color: var(--color-accent-1-500); - --btn-bg: var(--color-accent-1-50); - --btn-hover-color: var(--color-accent-1-900); - --btn-hover-bg: var(--color-accent-1-100); - --btn-focus-color: var(--btn-hover-color); - --btn-focus-bg: var(--btn-hover-bg); - --btn-focus-border-color: var(--color-accent-1-200); - - --btn-primary-color: var(--btn-color); - --btn-primary-bg: var(--btn-bg); - --btn-primary-hover-color: var(--btn-hover-color); - --btn-primary-hover-bg: var(--btn-hover-bg); - --btn-primary-focus-color: var(--btn-focus-color); - --btn-primary-focus-bg: var(--btn-focus-bg); - --btn-primary-focus-border-color: var(--btn-focus-border-color); - - --btn-secondary-color: #ffffff; - --btn-secondary-bg: transparent; - --btn-secondary-border-width: 1px; - --btn-secondary-border-color: #ffffff; - --btn-secondary-hover-color: var(--btn-secondary-color); - --btn-secondary-hover-bg: var(--color-accent-1-700); - --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); - --btn-secondary-focus-color: var(--btn-secondary-hover-color); - --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); - --btn-secondary-focus-border-color: var(--btn-focus-border-color); + --btn-color: var(--color-accent-1-500); + --btn-bg: var(--color-accent-1-50); + --btn-hover-color: var(--color-accent-1-900); + --btn-hover-bg: var(--color-accent-1-100); + --btn-focus-color: var(--btn-hover-color); + --btn-focus-bg: var(--btn-hover-bg); + --btn-focus-border-color: var(--color-accent-1-200); + + --btn-primary-color: var(--btn-color); + --btn-primary-bg: var(--btn-bg); + --btn-primary-hover-color: var(--btn-hover-color); + --btn-primary-hover-bg: var(--btn-hover-bg); + --btn-primary-focus-color: var(--btn-focus-color); + --btn-primary-focus-bg: var(--btn-focus-bg); + --btn-primary-focus-border-color: var(--btn-focus-border-color); + + --btn-secondary-color: #ffffff; + --btn-secondary-bg: transparent; + --btn-secondary-border-width: 1px; + --btn-secondary-border-color: #ffffff; + --btn-secondary-hover-color: var(--btn-secondary-color); + --btn-secondary-hover-bg: var(--color-accent-1-700); + --btn-secondary-hover-border-color: rgba(255, 255, 255, 0); + --btn-secondary-focus-color: var(--btn-secondary-hover-color); + --btn-secondary-focus-bg: var(--btn-secondary-hover-bg); + --btn-secondary-focus-border-color: var(--btn-focus-border-color); } #peregrine-app .theme-dark { - --bg-primary: var(--ocean-gradient-1); - --bg-secondary: #ffffff; + --bg-primary: var(--ocean-gradient-1); + --bg-secondary: #ffffff; - --border-primary-color: rgba(255, 255, 255, 0.6); + --border-primary-color: rgba(255, 255, 255, 0.6); - --text-primary-color: rgba(255, 255, 255, 0.87); - --text-secondary-color: rgba(255, 255, 255, 0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); - --link-primary-color: #ffffff; - --link-primary-color-hover: var(--color-accent-1-50); - --focus-border-color: var(--color-accent-1-100); + --link-primary-color: #ffffff; + --link-primary-color-hover: var(--color-accent-1-50); + --focus-border-color: var(--color-accent-1-100); } /* Individual overwrites */ #peregrine-app [class$="components-cards"].theme-light .card--bg { - --text-primary-color: rgba(255, 255, 255, 0.87); - --text-secondary-color: rgba(255, 255, 255, 0.6); + --text-primary-color: rgba(255, 255, 255, 0.87); + --text-secondary-color: rgba(255, 255, 255, 0.6); } #peregrine-app [class$="components-cards"].theme-dark .card--bg, #peregrine-app - [class$="components-accordion"].theme-dark - .accordion-container - .bg-secondary { - /* Apply black text colour because otherwise it would render white on white */ - --text-primary-color: rgba(0, 0, 0, 0.87); - --text-secondary-color: rgba(0, 0, 0, 0.6); + [class$="components-accordion"].theme-dark + .accordion-container + .bg-secondary { + /* Apply black text colour because otherwise it would render white on white */ + --text-primary-color: rgba(0, 0, 0, 0.87); + --text-secondary-color: rgba(0, 0, 0, 0.6); } #peregrine-app - [class$="components-accordion"].theme-light - .accordion-container - .bg-secondary { - /* Reduce strong visual noise by removing the default primary background colour */ - --bg-secondary: rgba(255, 255, 255, 0.6); + [class$="components-accordion"].theme-light + .accordion-container + .bg-secondary { + /* Reduce strong visual noise by removing the default primary background colour */ + --bg-secondary: rgba(255, 255, 255, 0.6); } #peregrine-app .theme-light .accordion-container.accordion-container, #peregrine-app .theme-dark .accordion-container.accordion-container { - background: transparent; + background: transparent; } #peregrine-app [class$="components-quote"] { - --border-primary-color: var(--color-accent-1-700); + --border-primary-color: var(--color-accent-1-700); } #peregrine-app .theme-dark[class$="-components-navigation"] a:hover { - color: var(--color-accent-1-700); + color: var(--color-accent-1-700); } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js index fa5976bd8..b7bcfb382 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/site-analytics.js @@ -1,18 +1,18 @@ var Analytics = _analytics.init({ - app: "YOUR-SITE", - plugins: [ - { - name: "console-plugin", - track: ({ payload }) => { - console.log(payload); - }, - }, - analyticsPerfumeJs({ - perfume: Perfume, - category: "perfMetrics", - }), - analyticsGa.init({ - trackingId: "YOUR-GOOGLE-TRACKING-ID", - }), - ], + app: "YOUR-SITE", + plugins: [ + { + name: "console-plugin", + track: ({ payload }) => { + console.log(payload); + }, + }, + analyticsPerfumeJs({ + perfume: Perfume, + category: "perfMetrics", + }), + analyticsGa.init({ + trackingId: "YOUR-GOOGLE-TRACKING-ID", + }), + ], }); diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json index a0c611dd7..0c26ac50a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/manifest.json @@ -1,30 +1,30 @@ { - "short_name": "themeclean flex", - "name": "peregrine themeclean flex example site", - "display": "fullscreen", - "theme_color": "#c0c0c0", - "background_color": "#ffffff", - "icons": [ - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-1x.png", - "type": "image/png", - "sizes": "48x48" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-2x.png", - "type": "image/png", - "sizes": "96x96" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": "/content/themecleanflex/pages/index.html" + "short_name": "themeclean flex", + "name": "peregrine themeclean flex example site", + "display": "fullscreen", + "theme_color": "#c0c0c0", + "background_color": "#ffffff", + "icons": [ + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-1x.png", + "type": "image/png", + "sizes": "48x48" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-2x.png", + "type": "image/png", + "sizes": "96x96" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "/content/themecleanflex/assets/icons/launcher-icon-4x.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": "/content/themecleanflex/pages/index.html" } diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js index 5670e9f61..fcdb16b69 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/serviceworker.js @@ -1,57 +1,57 @@ importScripts( - "https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js" + "https://storage.googleapis.com/workbox-cdn/releases/4.2.0/workbox-sw.js" ); if (workbox) { - console.log(`init service worker`); + console.log(`init service worker`); - workbox.precaching.precacheAndRoute([ - "/content/themecleanflex/pages/index.html", - ]); - workbox.routing.registerRoute( - // Cache CSS files. - /\.css$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: "css-cache", - }) - ); + workbox.precaching.precacheAndRoute([ + "/content/themecleanflex/pages/index.html", + ]); + workbox.routing.registerRoute( + // Cache CSS files. + /\.css$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "css-cache", + }) + ); - workbox.routing.registerRoute( - // Cache CSS files. - /\.json$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst({ - // Use a custom cache name. - cacheName: "json-cache", - }) - ); + workbox.routing.registerRoute( + // Cache CSS files. + /\.json$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst({ + // Use a custom cache name. + cacheName: "json-cache", + }) + ); - workbox.routing.registerRoute( - // Cache CSS files. - /\.html$/, - // Use cache but update in the background. - new workbox.strategies.NetworkFirst() - ); + workbox.routing.registerRoute( + // Cache CSS files. + /\.html$/, + // Use cache but update in the background. + new workbox.strategies.NetworkFirst() + ); - workbox.routing.registerRoute( - // Cache image files. - /\.(?:png|jpg|jpeg|svg|gif)$/, - // Use the cache if it's available. - new workbox.strategies.CacheFirst({ - // Use a custom cache name. - cacheName: "image-cache", - plugins: [ - new workbox.expiration.Plugin({ - // Cache only 20 images. - maxEntries: 20, - // Cache for a maximum of a week. - maxAgeSeconds: 7 * 24 * 60 * 60, - }), - ], - }) - ); + workbox.routing.registerRoute( + // Cache image files. + /\.(?:png|jpg|jpeg|svg|gif)$/, + // Use the cache if it's available. + new workbox.strategies.CacheFirst({ + // Use a custom cache name. + cacheName: "image-cache", + plugins: [ + new workbox.expiration.Plugin({ + // Cache only 20 images. + maxEntries: 20, + // Cache for a maximum of a week. + maxAgeSeconds: 7 * 24 * 60 * 60, + }), + ], + }) + ); } else { - console.log(`no service worker, sorry`); + console.log(`no service worker, sorry`); } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css index bf8e04bc7..586ba061f 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/build.css @@ -1,44 +1,44 @@ :root { - --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", - monospace; - --font-size-xs: 0.75rem; - --font-size-sm: 0.875rem; - --font-size-base: 1rem; - --font-size-lg: 1.125rem; - --font-size-xl: 1.25rem; - --font-size-2xl: 1.5rem; - --font-size-3xl: 1.875rem; - --font-size-4xl: 2.25rem; - --font-size-5xl: 3rem; - --font-size-6xl: 4rem; - --line-height-1: 1.5rem; - --line-height-2: 1.75rem; - --line-height-3: 2.125rem; - --line-height-4: 2.5rem; - --line-height-5: 3.25rem; - --line-height-6: 4.25rem; - --spacing-0: 0; - --spacing-1: 0.25rem; - --spacing-2: 0.5rem; - --spacing-3: 0.75rem; - --spacing-4: 1rem; - --spacing-5: 1.25rem; - --spacing-6: 1.5rem; - --spacing-8: 2rem; - --spacing-10: 2.5rem; - --spacing-12: 3rem; - --spacing-16: 4rem; - --spacing-20: 5rem; - --spacing-24: 6rem; - --spacing-32: 8rem; - --spacing-40: 10rem; - --spacing-48: 12rem; - --spacing-56: 14rem; - --spacing-64: 16rem; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; + --font-size-base: 1rem; + --font-size-lg: 1.125rem; + --font-size-xl: 1.25rem; + --font-size-2xl: 1.5rem; + --font-size-3xl: 1.875rem; + --font-size-4xl: 2.25rem; + --font-size-5xl: 3rem; + --font-size-6xl: 4rem; + --line-height-1: 1.5rem; + --line-height-2: 1.75rem; + --line-height-3: 2.125rem; + --line-height-4: 2.5rem; + --line-height-5: 3.25rem; + --line-height-6: 4.25rem; + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.25rem; + --spacing-6: 1.5rem; + --spacing-8: 2rem; + --spacing-10: 2.5rem; + --spacing-12: 3rem; + --spacing-16: 4rem; + --spacing-20: 5rem; + --spacing-24: 6rem; + --spacing-32: 8rem; + --spacing-40: 10rem; + --spacing-48: 12rem; + --spacing-56: 14rem; + --spacing-64: 16rem; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @@ -52,8 +52,8 @@ */ html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections @@ -64,7 +64,7 @@ html { */ body { - margin: 0; + margin: 0; } /** @@ -72,7 +72,7 @@ body { */ main { - display: block; + display: block; } /** @@ -81,8 +81,8 @@ main { */ h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /* Grouping content @@ -94,9 +94,9 @@ h1 { */ hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -105,8 +105,8 @@ hr { */ pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /* Text-level semantics @@ -117,7 +117,7 @@ pre { */ a { - background-color: transparent; + background-color: transparent; } /** @@ -130,7 +130,7 @@ a { */ strong { - font-weight: bolder; + font-weight: bolder; } /** @@ -139,8 +139,8 @@ strong { */ code { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** @@ -148,7 +148,7 @@ code { */ small { - font-size: 80%; + font-size: 80%; } /** @@ -164,7 +164,7 @@ small { */ img { - border-style: none; + border-style: none; } /* Forms @@ -177,10 +177,10 @@ img { button, input { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -190,8 +190,8 @@ input { button, input { - /* 1 */ - overflow: visible; + /* 1 */ + overflow: visible; } /** @@ -200,8 +200,8 @@ input { */ button { - /* 1 */ - text-transform: none; + /* 1 */ + text-transform: none; } /** @@ -212,7 +212,7 @@ button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; + -webkit-appearance: button; } /** @@ -223,8 +223,8 @@ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; + border-style: none; + padding: 0; } /** @@ -235,7 +235,7 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; + outline: 1px dotted ButtonText; } /** @@ -250,12 +250,12 @@ button:-moz-focusring, */ legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ } /** @@ -273,8 +273,8 @@ legend { [type="checkbox"], [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** @@ -283,7 +283,7 @@ legend { [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; + height: auto; } /** @@ -292,8 +292,8 @@ legend { */ [type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ } /** @@ -301,7 +301,7 @@ legend { */ [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /** @@ -310,8 +310,8 @@ legend { */ ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive @@ -333,7 +333,7 @@ legend { */ template { - display: none; + display: none; } /** @@ -341,7 +341,7 @@ template { */ [hidden] { - display: none; + display: none; } /** @@ -363,13 +363,13 @@ h5, hr, p, pre { - margin: 0; + margin: 0; } button { - background-color: transparent; - background-image: none; - padding: 0; + background-color: transparent; + background-image: none; + padding: 0; } /** @@ -378,14 +378,14 @@ button { */ button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } ul { - list-style: none; - margin: 0; - padding: 0; + list-style: none; + margin: 0; + padding: 0; } /** @@ -400,8 +400,8 @@ ul { */ html { - font-family: var(--font-sans); /* 1 */ - line-height: 1.5; /* 2 */ + font-family: var(--font-sans); /* 1 */ + line-height: 1.5; /* 2 */ } /** @@ -433,10 +433,10 @@ html { *, ::before, ::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: var(--color-gray-300); /* 2 */ + box-sizing: border-box; /* 1 */ + border-width: 0; /* 2 */ + border-style: solid; /* 2 */ + border-color: var(--color-gray-300); /* 2 */ } /* @@ -444,7 +444,7 @@ html { */ hr { - border-top-width: 1px; + border-top-width: 1px; } /** @@ -458,16 +458,16 @@ hr { */ img { - border-style: solid; + border-style: solid; } input::placeholder { - color: #a0aec0; + color: #a0aec0; } button, [role="button"] { - cursor: pointer; + cursor: pointer; } h1, @@ -475,8 +475,8 @@ h2, h3, h4, h5 { - font-size: inherit; - font-weight: inherit; + font-size: inherit; + font-weight: inherit; } /** @@ -485,8 +485,8 @@ h5 { */ a { - color: inherit; - text-decoration: inherit; + color: inherit; + text-decoration: inherit; } /** @@ -499,9 +499,9 @@ a { button, input { - padding: 0; - line-height: inherit; - color: inherit; + padding: 0; + line-height: inherit; + color: inherit; } /** @@ -513,7 +513,7 @@ input { pre, code { - font-family: var(--font-mono); + font-family: var(--font-mono); } /** @@ -529,8 +529,8 @@ svg, video, canvas, iframe { - display: block; - vertical-align: middle; + display: block; + vertical-align: middle; } /** @@ -542,786 +542,786 @@ iframe { img, video { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } .container { - width: 100%; + width: 100%; } @media (min-width: 640px) { - .container { - max-width: 640px; - } + .container { + max-width: 640px; + } } @media (min-width: 768px) { - .container { - max-width: 768px; - } + .container { + max-width: 768px; + } } @media (min-width: 1024px) { - .container { - max-width: 1024px; - } + .container { + max-width: 1024px; + } } @media (min-width: 1280px) { - .container { - max-width: 1280px; - } + .container { + max-width: 1280px; + } } .bg-white { - --bg-opacity: 1; - background-color: #fff; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + --bg-opacity: 1; + background-color: #fff; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } .bg-gray-800 { - background-color: var(--color-gray-800); + background-color: var(--color-gray-800); } .bg-red-600 { - background-color: var(--color-red-600); + background-color: var(--color-red-600); } .bg-red-700 { - background-color: var(--color-red-700); + background-color: var(--color-red-700); } .bg-orange-600 { - background-color: var(--color-orange-600); + background-color: var(--color-orange-600); } .bg-orange-700 { - background-color: var(--color-orange-700); + background-color: var(--color-orange-700); } .bg-yellow-600 { - background-color: var(--color-yellow-600); + background-color: var(--color-yellow-600); } .bg-green-600 { - background-color: var(--color-green-600); + background-color: var(--color-green-600); } .bg-green-700 { - background-color: var(--color-green-700); + background-color: var(--color-green-700); } .bg-blue-600 { - background-color: var(--color-blue-600); + background-color: var(--color-blue-600); } .bg-blue-700 { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .bg-secondary { - background-color: var(--bg-secondary); + background-color: var(--bg-secondary); } .hover\:bg-black:hover { - --bg-opacity: 1; - background-color: #000; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + --bg-opacity: 1; + background-color: #000; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } .hover\:bg-gray-200:hover { - background-color: var(--color-gray-200); + background-color: var(--color-gray-200); } .hover\:bg-blue-700:hover { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .border-gray-200 { - border-color: var(--color-gray-200); + border-color: var(--color-gray-200); } .border-gray-300 { - border-color: var(--color-gray-300); + border-color: var(--color-gray-300); } .border-gray-800 { - border-color: var(--color-gray-800); + border-color: var(--color-gray-800); } .border-gray-900 { - border-color: var(--color-gray-900); + border-color: var(--color-gray-900); } .border-blue-700 { - border-color: var(--color-blue-700); + border-color: var(--color-blue-700); } .rounded-none { - border-radius: 0; + border-radius: 0; } .rounded-sm { - border-radius: 0.125rem; + border-radius: 0.125rem; } .rounded { - border-radius: 0.25rem; + border-radius: 0.25rem; } .rounded-lg { - border-radius: 0.5rem; + border-radius: 0.5rem; } .rounded-full { - border-radius: 9999px; + border-radius: 9999px; } .border-solid { - border-style: solid; + border-style: solid; } .border { - border-width: 1px; + border-width: 1px; } .border-t-2 { - border-top-width: 2px; + border-top-width: 2px; } .border-b-4 { - border-bottom-width: 4px; + border-bottom-width: 4px; } .border-l-4 { - border-left-width: 4px; + border-left-width: 4px; } .border-l-8 { - border-left-width: 8px; + border-left-width: 8px; } .border-b { - border-bottom-width: 1px; + border-bottom-width: 1px; } .cursor-pointer { - cursor: pointer; + cursor: pointer; } .block { - display: block; + display: block; } .flex { - display: flex; + display: flex; } .hidden { - display: none; + display: none; } .flex-col { - flex-direction: column; + flex-direction: column; } .flex-col-reverse { - flex-direction: column-reverse; + flex-direction: column-reverse; } .flex-wrap { - flex-wrap: wrap; + flex-wrap: wrap; } .items-start { - align-items: flex-start; + align-items: flex-start; } .items-end { - align-items: flex-end; + align-items: flex-end; } .items-center { - align-items: center; + align-items: center; } .items-baseline { - align-items: baseline; + align-items: baseline; } .items-stretch { - align-items: stretch; + align-items: stretch; } .self-start { - align-self: flex-start; + align-self: flex-start; } .self-end { - align-self: flex-end; + align-self: flex-end; } .self-center { - align-self: center; + align-self: center; } .self-stretch { - align-self: stretch; + align-self: stretch; } .justify-start { - justify-content: flex-start; + justify-content: flex-start; } .justify-end { - justify-content: flex-end; + justify-content: flex-end; } .justify-center { - justify-content: center; + justify-content: center; } .justify-between { - justify-content: space-between; + justify-content: space-between; } .flex-1 { - flex: 1 1 0%; + flex: 1 1 0%; } .flex-grow-0 { - flex-grow: 0; + flex-grow: 0; } .flex-grow { - flex-grow: 1; + flex-grow: 1; } .font-normal { - font-weight: 400; + font-weight: 400; } .font-medium { - font-weight: 500; + font-weight: 500; } .font-semibold { - font-weight: 600; + font-weight: 600; } .font-bold { - font-weight: 700; + font-weight: 700; } .h-full { - height: 100%; + height: 100%; } .text-lg { - font-size: var(--font-size-lg); + font-size: var(--font-size-lg); } .text-xl { - font-size: var(--font-size-xl); + font-size: var(--font-size-xl); } .text-2xl { - font-size: var(--font-size-2xl); + font-size: var(--font-size-2xl); } .text-3xl { - font-size: var(--font-size-3xl); + font-size: var(--font-size-3xl); } .text-4xl { - font-size: var(--font-size-4xl); + font-size: var(--font-size-4xl); } .text-5xl { - font-size: var(--font-size-5xl); + font-size: var(--font-size-5xl); } .list-none { - list-style-type: none; + list-style-type: none; } .m-0 { - margin: var(--spacing-0); + margin: var(--spacing-0); } .m-1 { - margin: var(--spacing-1); + margin: var(--spacing-1); } .m-2 { - margin: var(--spacing-2); + margin: var(--spacing-2); } .-m-1 { - margin: calc(var(--spacing-1) * -1); + margin: calc(var(--spacing-1) * -1); } .my-2 { - margin-top: var(--spacing-2); - margin-bottom: var(--spacing-2); + margin-top: var(--spacing-2); + margin-bottom: var(--spacing-2); } .mx-2 { - margin-left: var(--spacing-2); - margin-right: var(--spacing-2); + margin-left: var(--spacing-2); + margin-right: var(--spacing-2); } .my-3 { - margin-top: var(--spacing-3); - margin-bottom: var(--spacing-3); + margin-top: var(--spacing-3); + margin-bottom: var(--spacing-3); } .mx-3 { - margin-left: var(--spacing-3); - margin-right: var(--spacing-3); + margin-left: var(--spacing-3); + margin-right: var(--spacing-3); } .my-6 { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } .mx-auto { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } .-mx-2 { - margin-left: calc(var(--spacing-2) * -1); - margin-right: calc(var(--spacing-2) * -1); + margin-left: calc(var(--spacing-2) * -1); + margin-right: calc(var(--spacing-2) * -1); } .-mx-3 { - margin-left: calc(var(--spacing-3) * -1); - margin-right: calc(var(--spacing-3) * -1); + margin-left: calc(var(--spacing-3) * -1); + margin-right: calc(var(--spacing-3) * -1); } .mt-0 { - margin-top: var(--spacing-0); + margin-top: var(--spacing-0); } .mb-1 { - margin-bottom: var(--spacing-1); + margin-bottom: var(--spacing-1); } .mr-2 { - margin-right: var(--spacing-2); + margin-right: var(--spacing-2); } .ml-2 { - margin-left: var(--spacing-2); + margin-left: var(--spacing-2); } .mt-3 { - margin-top: var(--spacing-3); + margin-top: var(--spacing-3); } .mb-3 { - margin-bottom: var(--spacing-3); + margin-bottom: var(--spacing-3); } .mr-4 { - margin-right: var(--spacing-4); + margin-right: var(--spacing-4); } .mb-6 { - margin-bottom: var(--spacing-6); + margin-bottom: var(--spacing-6); } .max-w-3xl { - max-width: 48rem; + max-width: 48rem; } .min-h-1 { - min-height: 1px; + min-height: 1px; } .min-h-screen { - min-height: 100vh; + min-height: 100vh; } .object-contain { - object-fit: contain; + object-fit: contain; } .object-cover { - object-fit: cover; + object-fit: cover; } .object-center { - object-position: center; + object-position: center; } .opacity-0 { - opacity: 0; + opacity: 0; } .opacity-100 { - opacity: 1; + opacity: 1; } .overflow-hidden { - overflow: hidden; + overflow: hidden; } .overflow-x-auto { - overflow-x: auto; + overflow-x: auto; } .p-0 { - padding: var(--spacing-0); + padding: var(--spacing-0); } .p-3 { - padding: var(--spacing-3); + padding: var(--spacing-3); } .p-4 { - padding: var(--spacing-4); + padding: var(--spacing-4); } .p-5 { - padding: var(--spacing-5); + padding: var(--spacing-5); } .p-6 { - padding: var(--spacing-6); + padding: var(--spacing-6); } .px-0 { - padding-left: var(--spacing-0); - padding-right: var(--spacing-0); + padding-left: var(--spacing-0); + padding-right: var(--spacing-0); } .py-1 { - padding-top: var(--spacing-1); - padding-bottom: var(--spacing-1); + padding-top: var(--spacing-1); + padding-bottom: var(--spacing-1); } .py-2 { - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); } .py-3 { - padding-top: var(--spacing-3); - padding-bottom: var(--spacing-3); + padding-top: var(--spacing-3); + padding-bottom: var(--spacing-3); } .px-4 { - padding-left: var(--spacing-4); - padding-right: var(--spacing-4); + padding-left: var(--spacing-4); + padding-right: var(--spacing-4); } .px-5 { - padding-left: var(--spacing-5); - padding-right: var(--spacing-5); + padding-left: var(--spacing-5); + padding-right: var(--spacing-5); } .pb-3 { - padding-bottom: var(--spacing-3); + padding-bottom: var(--spacing-3); } .pb-4 { - padding-bottom: var(--spacing-4); + padding-bottom: var(--spacing-4); } .pb-12 { - padding-bottom: var(--spacing-12); + padding-bottom: var(--spacing-12); } .fixed { - position: fixed; + position: fixed; } .absolute { - position: absolute; + position: absolute; } .relative { - position: relative; + position: relative; } .sticky { - position: sticky; + position: sticky; } .inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; } .top-0 { - top: 0; + top: 0; } .left-0 { - left: 0; + left: 0; } .resize { - resize: both; + resize: both; } .shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), - 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .fill-current { - fill: currentColor; + fill: currentColor; } .text-left { - text-align: left; + text-align: left; } .text-center { - text-align: center; + text-align: center; } .text-right { - text-align: right; + text-align: right; } .text-black { - --text-opacity: 1; - color: #000; - color: rgba(0, 0, 0, var(--text-opacity)); + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .text-white { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .text-gray-200 { - color: var(--color-gray-200); + color: var(--color-gray-200); } .text-gray-800 { - color: var(--color-gray-800); + color: var(--color-gray-800); } .text-red-700 { - color: var(--color-red-700); + color: var(--color-red-700); } .text-orange-700 { - color: var(--color-orange-700); + color: var(--color-orange-700); } .text-green-700 { - color: var(--color-green-700); + color: var(--color-green-700); } .text-blue-700 { - color: var(--color-blue-700); + color: var(--color-blue-700); } .hover\:text-black:hover { - --text-opacity: 1; - color: #000; - color: rgba(0, 0, 0, var(--text-opacity)); + --text-opacity: 1; + color: #000; + color: rgba(0, 0, 0, var(--text-opacity)); } .hover\:text-white:hover { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .hover\:text-gray-200:hover { - color: var(--color-gray-200); + color: var(--color-gray-200); } .hover\:text-red-600:hover { - color: var(--color-red-600); + color: var(--color-red-600); } .hover\:text-orange-600:hover { - color: var(--color-orange-600); + color: var(--color-orange-600); } .hover\:text-green-600:hover { - color: var(--color-green-600); + color: var(--color-green-600); } .no-underline { - text-decoration: none; + text-decoration: none; } .hover\:underline:hover { - text-decoration: underline; + text-decoration: underline; } .visible { - visibility: visible; + visibility: visible; } .invisible { - visibility: hidden; + visibility: hidden; } .w-auto { - width: auto; + width: auto; } .w-1\/2 { - width: 50%; + width: 50%; } .w-1\/3 { - width: 33.33333%; + width: 33.33333%; } .w-2\/3 { - width: 66.66667%; + width: 66.66667%; } .w-1\/4 { - width: 25%; + width: 25%; } .w-2\/4 { - width: 50%; + width: 50%; } .w-3\/4 { - width: 75%; + width: 75%; } .w-1\/5 { - width: 20%; + width: 20%; } .w-2\/5 { - width: 40%; + width: 40%; } .w-3\/5 { - width: 60%; + width: 60%; } .w-4\/5 { - width: 80%; + width: 80%; } .w-1\/6 { - width: 16.66667%; + width: 16.66667%; } .w-2\/6 { - width: 33.33333%; + width: 33.33333%; } .w-3\/6 { - width: 50%; + width: 50%; } .w-4\/6 { - width: 66.66667%; + width: 66.66667%; } .w-5\/6 { - width: 83.33333%; + width: 83.33333%; } .w-1\/12 { - width: 8.33333%; + width: 8.33333%; } .w-2\/12 { - width: 16.66667%; + width: 16.66667%; } .w-3\/12 { - width: 25%; + width: 25%; } .w-4\/12 { - width: 33.33333%; + width: 33.33333%; } .w-5\/12 { - width: 41.66667%; + width: 41.66667%; } .w-6\/12 { - width: 50%; + width: 50%; } .w-7\/12 { - width: 58.33333%; + width: 58.33333%; } .w-8\/12 { - width: 66.66667%; + width: 66.66667%; } .w-9\/12 { - width: 75%; + width: 75%; } .w-10\/12 { - width: 83.33333%; + width: 83.33333%; } .w-11\/12 { - width: 91.66667%; + width: 91.66667%; } .w-full { - width: 100%; + width: 100%; } .z-10 { - z-index: 10; + z-index: 10; } .transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + transition-property: background-color, border-color, color, fill, stroke; } .transition-opacity { - transition-property: opacity; + transition-property: opacity; } .transition-transform { - transition-property: transform; + transition-property: transform; } .ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .duration-150 { - transition-duration: 150ms; + transition-duration: 150ms; } .duration-200 { - transition-duration: 200ms; + transition-duration: 200ms; } .aspect-ratio-16\/9 { - padding-bottom: 56.25%; + padding-bottom: 56.25%; } .transition-opacity { - transition: opacity 200ms ease; + transition: opacity 200ms ease; } .transition-height { - transition: height 200ms ease; + transition: height 200ms ease; } /* purgecss start ignore */ @@ -1329,109 +1329,109 @@ video { /* Base Overrides */ html { - font-family: var(--font-sans); - font-size: var(--font-size-base); + font-family: var(--font-sans); + font-size: var(--font-size-base); } .enlarge-text h1:not([class]), .enlarge-text .text-5xl, .text-6xl { - font-size: var(--font-size-6xl); - font-weight: 800; - line-height: var(--line-height-6); - letter-spacing: -0.02em; + font-size: var(--font-size-6xl); + font-weight: 800; + line-height: var(--line-height-6); + letter-spacing: -0.02em; } .enlarge-text h1:not([class]), .enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { - margin-top: var(--spacing-24); + margin-top: var(--spacing-24); } h1:not([class]), .enlarge-text h2:not([class]), .text-5xl { - font-size: var(--font-size-5xl); - font-weight: 800; - line-height: var(--line-height-5); - letter-spacing: -0.02em; + font-size: var(--font-size-5xl); + font-weight: 800; + line-height: var(--line-height-5); + letter-spacing: -0.02em; } h1:not([class]), .enlarge-text h2:not([class]) { - margin-top: var(--spacing-20); + margin-top: var(--spacing-20); } h2:not([class]), .enlarge-text h3:not([class]), .text-4xl { - font-size: var(--font-size-4xl); - font-weight: 700; - line-height: var(--line-height-4); - letter-spacing: -0.04em; + font-size: var(--font-size-4xl); + font-weight: 700; + line-height: var(--line-height-4); + letter-spacing: -0.04em; } h2:not([class]), .enlarge-text h3:not([class]) { - margin-top: var(--spacing-16); + margin-top: var(--spacing-16); } h3:not([class]), .enlarge-text h4:not([class]), .text-3xl { - font-size: var(--font-size-3xl); - font-weight: 700; - line-height: var(--line-height-3); - letter-spacing: -0.02em; + font-size: var(--font-size-3xl); + font-weight: 700; + line-height: var(--line-height-3); + letter-spacing: -0.02em; } h3:not([class]), .enlarge-text h4:not([class]) { - margin-top: var(--spacing-12); + margin-top: var(--spacing-12); } h4:not([class]), .enlarge-text h5:not([class]), .text-2xl { - font-size: var(--font-size-2xl); - font-weight: 700; - line-height: var(--line-height-2); - letter-spacing: -0.02em; + font-size: var(--font-size-2xl); + font-weight: 700; + line-height: var(--line-height-2); + letter-spacing: -0.02em; } h4:not([class]), .enlarge-text h5:not([class]) { - margin-top: var(--spacing-10); + margin-top: var(--spacing-10); } h5:not([class]), .enlarge-text h6:not([class]), .text-xl { - font-size: var(--font-size-xl); - font-weight: 700; - line-height: var(--line-height-1); + font-size: var(--font-size-xl); + font-weight: 700; + line-height: var(--line-height-1); } h5:not([class]), .enlarge-text h6:not([class]) { - margin-top: var(--spacing-8); + margin-top: var(--spacing-8); } h6:not([class]) { - font-size: var(--font-size-lg); - line-height: var(--line-height-1); - margin-top: var(--spacing-8); - margin-bottom: 0; + font-size: var(--font-size-lg); + line-height: var(--line-height-1); + margin-top: var(--spacing-8); + margin-bottom: 0; } .enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { - font-size: var(--font-size-xl); - line-height: var(--line-height-2); + font-size: var(--font-size-xl); + line-height: var(--line-height-2); } h6 { - font-weight: 700; + font-weight: 700; } h1:not([class]), @@ -1439,8 +1439,8 @@ h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } h1:not([class]):first-child, @@ -1449,7 +1449,7 @@ h3:not([class]):first-child, h4:not([class]):first-child, h5:not([class]):first-child, h6:not([class]):first-child { - margin-top: 0; + margin-top: 0; } h1:not([class]):last-child, @@ -1458,7 +1458,7 @@ h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { - margin-bottom: 0; + margin-bottom: 0; } .text-xl.font-normal, @@ -1467,694 +1467,694 @@ h6:not([class]):last-child { .text-4xl.font-normal, .text-5xl.font-normal, .text-6xl.font-normal { - font-weight: 400; + font-weight: 400; } a { - text-decoration: underline; - color: var(--color-blue-700); + text-decoration: underline; + color: var(--color-blue-700); } a:hover { - color: var(--color-blue-800); + color: var(--color-blue-800); } ul { - list-style-type: disc; - padding-left: var(--spacing-5); - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - margin: var(--spacing-0); + list-style-type: disc; + padding-left: var(--spacing-5); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + margin: var(--spacing-0); } ol { - list-style-type: decimal; - padding-left: var(--spacing-5); - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - margin: var(--spacing-0); + list-style-type: decimal; + padding-left: var(--spacing-5); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + margin: var(--spacing-0); } p { - margin-top: var(--spacing-3); - margin-bottom: var(--spacing-3); - line-height: var(--line-height-1); + margin-top: var(--spacing-3); + margin-bottom: var(--spacing-3); + line-height: var(--line-height-1); } .color-inherit { - color: inherit; + color: inherit; } .pipe-after:after { - content: "|"; - margin-left: var(--spacing-2); + content: "|"; + margin-left: var(--spacing-2); } /* Custom Utilities */ .transform-rotate-90 { - transform: rotate(90deg); + transform: rotate(90deg); } /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } /* Background */ .bg-primary { - background: var(--bg-primary); + background: var(--bg-primary); } .bg-secondary { - background: var(--bg-secondary); + background: var(--bg-secondary); } /* Buttons */ .btn { - font-size: var(--font-size-sm); - font-weight: 500; - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - padding-left: var(--spacing-4); - padding-right: var(--spacing-4); - border-radius: 0.25rem; - text-decoration: none; - transition-property: background, background-color, color, border-color; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + font-size: var(--font-size-sm); + font-weight: 500; + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + padding-left: var(--spacing-4); + padding-right: var(--spacing-4); + border-radius: 0.25rem; + text-decoration: none; + transition-property: background, background-color, color, border-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn:focus { - outline: 0; - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + outline: 0; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } .btn:hover { - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-lg { - padding-top: var(--spacing-4); - padding-bottom: var(--spacing-4); - padding-left: var(--spacing-5); - padding-right: var(--spacing-5); - font-size: var(--font-size-lg); + padding-top: var(--spacing-4); + padding-bottom: var(--spacing-4); + padding-left: var(--spacing-5); + padding-right: var(--spacing-5); + font-size: var(--font-size-lg); } .btn-sm { - padding-top: var(--spacing-2); - padding-bottom: var(--spacing-2); - padding-left: var(--spacing-2); - padding-right: var(--spacing-2); - font-size: var(--font-size-sm); + padding-top: var(--spacing-2); + padding-bottom: var(--spacing-2); + padding-left: var(--spacing-2); + padding-right: var(--spacing-2); + font-size: var(--font-size-sm); } .btn-blue { - background-color: var(--color-blue-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-blue-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-blue:hover { - background-color: var(--color-blue-700); + background-color: var(--color-blue-700); } .btn-green { - background-color: var(--color-green-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-green-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-green:hover { - background-color: var(--color-green-700); + background-color: var(--color-green-700); } .btn-red { - background-color: var(--color-red-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-red-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-red:hover { - background-color: var(--color-red-700); + background-color: var(--color-red-700); } .btn-orange { - background-color: var(--color-orange-600); - --text-opacity: 1; - color: #fff; - color: rgba(255, 255, 255, var(--text-opacity)); + background-color: var(--color-orange-600); + --text-opacity: 1; + color: #fff; + color: rgba(255, 255, 255, var(--text-opacity)); } .btn-orange:hover { - background-color: var(--color-orange-700); + background-color: var(--color-orange-700); } .btn-white { - background-color: var(--color-gray-200); - color: var(--color-gray-800); + background-color: var(--color-gray-200); + color: var(--color-gray-800); } .btn-white:hover { - background-color: var(--color-gray-300); + background-color: var(--color-gray-300); } .btn-black { - background-color: var(--color-gray-800); - color: var(--color-gray-200); + background-color: var(--color-gray-800); + color: var(--color-gray-200); } .btn-black:hover { - background-color: var(--color-gray-900); + background-color: var(--color-gray-900); } .media-sizeable { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } @media (min-width: 768px) { - .media-sizeable { - flex-shrink: 0 !important; - } + .media-sizeable { + flex-shrink: 0 !important; + } } /* header */ [class$="components-header"] a { - font-size: var(--font-size-sm); - font-weight: 500; + font-size: var(--font-size-sm); + font-weight: 500; } /* footer */ [class$="components-footer"] ul { - list-style-type: none; - padding: var(--spacing-0); - font-size: var(--font-size-sm); - font-weight: 500; + list-style-type: none; + padding: var(--spacing-0); + font-size: var(--font-size-sm); + font-weight: 500; } [class$="components-footer"] ul li { - margin-bottom: var(--spacing-2); + margin-bottom: var(--spacing-2); } [class$="components-footer"] p { - font-size: var(--font-size-sm); - font-weight: 500; + font-size: var(--font-size-sm); + font-weight: 500; } /* carousel */ [class$="components-carousel"].w-full { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .VueCarousel-pagination { - position: absolute; - bottom: 0; - margin-bottom: var(--spacing-4); - pointer-events: none; + position: absolute; + bottom: 0; + margin-bottom: var(--spacing-4); + pointer-events: none; } .VueCarousel-dot-container { - pointer-events: auto; + pointer-events: auto; } /* accordion */ [class$="components-accordion"] .img-wrapper.rounded-none img { - border-radius: 0; + border-radius: 0; } [class$="components-accordion"] .img-wrapper.rounded-sm img { - border-radius: 0.125rem; + border-radius: 0.125rem; } [class$="components-accordion"] .img-wrapper.rounded img { - border-radius: 0.25rem; + border-radius: 0.25rem; } [class$="components-accordion"] .img-wrapper.rounded-lg img { - border-radius: 0.5rem; + border-radius: 0.5rem; } [class$="components-accordion"] .img-wrapper.rounded-full img { - border-radius: 9999px; + border-radius: 9999px; } /* purgecss end ignore */ @media (min-width: 640px) { - .sm\:mx-3 { - margin-left: var(--spacing-3); - margin-right: var(--spacing-3); - } - - .sm\:px-0 { - padding-left: var(--spacing-0); - padding-right: var(--spacing-0); - } + .sm\:mx-3 { + margin-left: var(--spacing-3); + margin-right: var(--spacing-3); + } + + .sm\:px-0 { + padding-left: var(--spacing-0); + padding-right: var(--spacing-0); + } - .sm\:w-auto { - width: auto; - } + .sm\:w-auto { + width: auto; + } - .sm\:w-1\/2 { - width: 50%; - } + .sm\:w-1\/2 { + width: 50%; + } - .sm\:w-1\/3 { - width: 33.33333%; - } + .sm\:w-1\/3 { + width: 33.33333%; + } - .sm\:w-2\/3 { - width: 66.66667%; - } + .sm\:w-2\/3 { + width: 66.66667%; + } - .sm\:w-1\/4 { - width: 25%; - } + .sm\:w-1\/4 { + width: 25%; + } - .sm\:w-2\/4 { - width: 50%; - } + .sm\:w-2\/4 { + width: 50%; + } - .sm\:w-3\/4 { - width: 75%; - } + .sm\:w-3\/4 { + width: 75%; + } - .sm\:w-1\/5 { - width: 20%; - } + .sm\:w-1\/5 { + width: 20%; + } - .sm\:w-2\/5 { - width: 40%; - } + .sm\:w-2\/5 { + width: 40%; + } - .sm\:w-3\/5 { - width: 60%; - } + .sm\:w-3\/5 { + width: 60%; + } - .sm\:w-4\/5 { - width: 80%; - } + .sm\:w-4\/5 { + width: 80%; + } - .sm\:w-1\/6 { - width: 16.66667%; - } + .sm\:w-1\/6 { + width: 16.66667%; + } - .sm\:w-2\/6 { - width: 33.33333%; - } + .sm\:w-2\/6 { + width: 33.33333%; + } - .sm\:w-3\/6 { - width: 50%; - } + .sm\:w-3\/6 { + width: 50%; + } - .sm\:w-4\/6 { - width: 66.66667%; - } + .sm\:w-4\/6 { + width: 66.66667%; + } - .sm\:w-5\/6 { - width: 83.33333%; - } + .sm\:w-5\/6 { + width: 83.33333%; + } - .sm\:w-1\/12 { - width: 8.33333%; - } + .sm\:w-1\/12 { + width: 8.33333%; + } - .sm\:w-2\/12 { - width: 16.66667%; - } + .sm\:w-2\/12 { + width: 16.66667%; + } - .sm\:w-3\/12 { - width: 25%; - } + .sm\:w-3\/12 { + width: 25%; + } - .sm\:w-4\/12 { - width: 33.33333%; - } + .sm\:w-4\/12 { + width: 33.33333%; + } - .sm\:w-5\/12 { - width: 41.66667%; - } + .sm\:w-5\/12 { + width: 41.66667%; + } - .sm\:w-6\/12 { - width: 50%; - } + .sm\:w-6\/12 { + width: 50%; + } - .sm\:w-7\/12 { - width: 58.33333%; - } + .sm\:w-7\/12 { + width: 58.33333%; + } - .sm\:w-8\/12 { - width: 66.66667%; - } + .sm\:w-8\/12 { + width: 66.66667%; + } - .sm\:w-9\/12 { - width: 75%; - } + .sm\:w-9\/12 { + width: 75%; + } - .sm\:w-10\/12 { - width: 83.33333%; - } + .sm\:w-10\/12 { + width: 83.33333%; + } - .sm\:w-11\/12 { - width: 91.66667%; - } + .sm\:w-11\/12 { + width: 91.66667%; + } - .sm\:w-full { - width: 100%; - } + .sm\:w-full { + width: 100%; + } } @media (min-width: 768px) { - .md\:flex { - display: flex; - } - - .md\:hidden { - display: none; - } - - .md\:flex-row { - flex-direction: row; - } - - .md\:flex-row-reverse { - flex-direction: row-reverse; - } - - .md\:justify-start { - justify-content: flex-start; - } - - .md\:justify-end { - justify-content: flex-end; - } - - .md\:flex-grow-0 { - flex-grow: 0; - } - - .md\:flex-grow { - flex-grow: 1; - } - - .md\:-mx-3 { - margin-left: calc(var(--spacing-3) * -1); - margin-right: calc(var(--spacing-3) * -1); - } - - .md\:mb-0 { - margin-bottom: var(--spacing-0); - } - - .md\:px-3 { - padding-left: var(--spacing-3); - padding-right: var(--spacing-3); - } + .md\:flex { + display: flex; + } + + .md\:hidden { + display: none; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:flex-row-reverse { + flex-direction: row-reverse; + } + + .md\:justify-start { + justify-content: flex-start; + } + + .md\:justify-end { + justify-content: flex-end; + } + + .md\:flex-grow-0 { + flex-grow: 0; + } + + .md\:flex-grow { + flex-grow: 1; + } + + .md\:-mx-3 { + margin-left: calc(var(--spacing-3) * -1); + margin-right: calc(var(--spacing-3) * -1); + } + + .md\:mb-0 { + margin-bottom: var(--spacing-0); + } + + .md\:px-3 { + padding-left: var(--spacing-3); + padding-right: var(--spacing-3); + } - .md\:w-auto { - width: auto; - } + .md\:w-auto { + width: auto; + } - .md\:w-1\/2 { - width: 50%; - } + .md\:w-1\/2 { + width: 50%; + } - .md\:w-1\/3 { - width: 33.33333%; - } + .md\:w-1\/3 { + width: 33.33333%; + } - .md\:w-2\/3 { - width: 66.66667%; - } + .md\:w-2\/3 { + width: 66.66667%; + } - .md\:w-1\/4 { - width: 25%; - } + .md\:w-1\/4 { + width: 25%; + } - .md\:w-2\/4 { - width: 50%; - } + .md\:w-2\/4 { + width: 50%; + } - .md\:w-3\/4 { - width: 75%; - } + .md\:w-3\/4 { + width: 75%; + } - .md\:w-1\/5 { - width: 20%; - } + .md\:w-1\/5 { + width: 20%; + } - .md\:w-2\/5 { - width: 40%; - } + .md\:w-2\/5 { + width: 40%; + } - .md\:w-3\/5 { - width: 60%; - } + .md\:w-3\/5 { + width: 60%; + } - .md\:w-4\/5 { - width: 80%; - } + .md\:w-4\/5 { + width: 80%; + } - .md\:w-1\/6 { - width: 16.66667%; - } + .md\:w-1\/6 { + width: 16.66667%; + } - .md\:w-2\/6 { - width: 33.33333%; - } + .md\:w-2\/6 { + width: 33.33333%; + } - .md\:w-3\/6 { - width: 50%; - } + .md\:w-3\/6 { + width: 50%; + } - .md\:w-4\/6 { - width: 66.66667%; - } + .md\:w-4\/6 { + width: 66.66667%; + } - .md\:w-5\/6 { - width: 83.33333%; - } + .md\:w-5\/6 { + width: 83.33333%; + } - .md\:w-1\/12 { - width: 8.33333%; - } + .md\:w-1\/12 { + width: 8.33333%; + } - .md\:w-2\/12 { - width: 16.66667%; - } + .md\:w-2\/12 { + width: 16.66667%; + } - .md\:w-3\/12 { - width: 25%; - } + .md\:w-3\/12 { + width: 25%; + } - .md\:w-4\/12 { - width: 33.33333%; - } + .md\:w-4\/12 { + width: 33.33333%; + } - .md\:w-5\/12 { - width: 41.66667%; - } + .md\:w-5\/12 { + width: 41.66667%; + } - .md\:w-6\/12 { - width: 50%; - } + .md\:w-6\/12 { + width: 50%; + } - .md\:w-7\/12 { - width: 58.33333%; - } + .md\:w-7\/12 { + width: 58.33333%; + } - .md\:w-8\/12 { - width: 66.66667%; - } + .md\:w-8\/12 { + width: 66.66667%; + } - .md\:w-9\/12 { - width: 75%; - } + .md\:w-9\/12 { + width: 75%; + } - .md\:w-10\/12 { - width: 83.33333%; - } + .md\:w-10\/12 { + width: 83.33333%; + } - .md\:w-11\/12 { - width: 91.66667%; - } + .md\:w-11\/12 { + width: 91.66667%; + } - .md\:w-full { - width: 100%; - } + .md\:w-full { + width: 100%; + } } @media (min-width: 1024px) { - .lg\:flex-row { - flex-direction: row; - } - - .lg\:flex-row-reverse { - flex-direction: row-reverse; - } - - .lg\:flex-grow-0 { - flex-grow: 0; - } - - .lg\:flex-grow { - flex-grow: 1; - } - - .lg\:mx-4 { - margin-left: var(--spacing-4); - margin-right: var(--spacing-4); - } + .lg\:flex-row { + flex-direction: row; + } + + .lg\:flex-row-reverse { + flex-direction: row-reverse; + } + + .lg\:flex-grow-0 { + flex-grow: 0; + } + + .lg\:flex-grow { + flex-grow: 1; + } + + .lg\:mx-4 { + margin-left: var(--spacing-4); + margin-right: var(--spacing-4); + } - .lg\:w-auto { - width: auto; - } + .lg\:w-auto { + width: auto; + } - .lg\:w-1\/2 { - width: 50%; - } + .lg\:w-1\/2 { + width: 50%; + } - .lg\:w-1\/3 { - width: 33.33333%; - } - - .lg\:w-2\/3 { - width: 66.66667%; - } - - .lg\:w-1\/4 { - width: 25%; - } - - .lg\:w-2\/4 { - width: 50%; - } - - .lg\:w-3\/4 { - width: 75%; - } - - .lg\:w-1\/5 { - width: 20%; - } - - .lg\:w-2\/5 { - width: 40%; - } - - .lg\:w-3\/5 { - width: 60%; - } - - .lg\:w-4\/5 { - width: 80%; - } - - .lg\:w-1\/6 { - width: 16.66667%; - } - - .lg\:w-2\/6 { - width: 33.33333%; - } - - .lg\:w-3\/6 { - width: 50%; - } - - .lg\:w-4\/6 { - width: 66.66667%; - } - - .lg\:w-5\/6 { - width: 83.33333%; - } - - .lg\:w-1\/12 { - width: 8.33333%; - } - - .lg\:w-2\/12 { - width: 16.66667%; - } - - .lg\:w-3\/12 { - width: 25%; - } - - .lg\:w-4\/12 { - width: 33.33333%; - } - - .lg\:w-5\/12 { - width: 41.66667%; - } - - .lg\:w-6\/12 { - width: 50%; - } - - .lg\:w-7\/12 { - width: 58.33333%; - } - - .lg\:w-8\/12 { - width: 66.66667%; - } - - .lg\:w-9\/12 { - width: 75%; - } + .lg\:w-1\/3 { + width: 33.33333%; + } + + .lg\:w-2\/3 { + width: 66.66667%; + } + + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-2\/4 { + width: 50%; + } + + .lg\:w-3\/4 { + width: 75%; + } + + .lg\:w-1\/5 { + width: 20%; + } + + .lg\:w-2\/5 { + width: 40%; + } + + .lg\:w-3\/5 { + width: 60%; + } + + .lg\:w-4\/5 { + width: 80%; + } + + .lg\:w-1\/6 { + width: 16.66667%; + } + + .lg\:w-2\/6 { + width: 33.33333%; + } + + .lg\:w-3\/6 { + width: 50%; + } + + .lg\:w-4\/6 { + width: 66.66667%; + } + + .lg\:w-5\/6 { + width: 83.33333%; + } + + .lg\:w-1\/12 { + width: 8.33333%; + } + + .lg\:w-2\/12 { + width: 16.66667%; + } + + .lg\:w-3\/12 { + width: 25%; + } + + .lg\:w-4\/12 { + width: 33.33333%; + } + + .lg\:w-5\/12 { + width: 41.66667%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-7\/12 { + width: 58.33333%; + } + + .lg\:w-8\/12 { + width: 66.66667%; + } + + .lg\:w-9\/12 { + width: 75%; + } - .lg\:w-10\/12 { - width: 83.33333%; - } + .lg\:w-10\/12 { + width: 83.33333%; + } - .lg\:w-11\/12 { - width: 91.66667%; - } + .lg\:w-11\/12 { + width: 91.66667%; + } - .lg\:w-full { - width: 100%; - } + .lg\:w-full { + width: 100%; + } } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css index bee2dc4ee..7ed988643 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/css/colors.css @@ -1,94 +1,94 @@ /* color vars */ :root { - --color-gray-100: #f7fafc; - --color-gray-200: #edf2f7; - --color-gray-300: #e2e8f0; - --color-gray-400: #cbd5e0; - --color-gray-500: #a0aec0; - --color-gray-600: #718096; - --color-gray-700: #4a5568; - --color-gray-800: #2d3748; - --color-gray-900: #1a202c; - --color-red-100: #fff5f5; - --color-red-200: #fed7d7; - --color-red-300: #feb2b2; - --color-red-400: #fc8181; - --color-red-500: #f56565; - --color-red-600: #e53e3e; - --color-red-700: #c53030; - --color-red-800: #9b2c2c; - --color-red-900: #742a2a; - --color-orange-100: #fffaf0; - --color-orange-200: #feebc8; - --color-orange-300: #fbd38d; - --color-orange-400: #f6ad55; - --color-orange-500: #ed8936; - --color-orange-600: #dd6b20; - --color-orange-700: #c05621; - --color-orange-800: #9c4221; - --color-orange-900: #7b341e; - --color-yellow-100: #fffff0; - --color-yellow-200: #fefcbf; - --color-yellow-300: #faf089; - --color-yellow-400: #f6e05e; - --color-yellow-500: #ecc94b; - --color-yellow-600: #d69e2e; - --color-yellow-700: #b7791f; - --color-yellow-800: #975a16; - --color-yellow-900: #744210; - --color-green-100: #f0fff4; - --color-green-200: #c6f6d5; - --color-green-300: #9ae6b4; - --color-green-400: #68d391; - --color-green-500: #48bb78; - --color-green-600: #38a169; - --color-green-700: #2f855a; - --color-green-800: #276749; - --color-green-900: #22543d; - --color-teal-100: #e6fffa; - --color-teal-200: #b2f5ea; - --color-teal-300: #81e6d9; - --color-teal-400: #4fd1c5; - --color-teal-500: #38b2ac; - --color-teal-600: #319795; - --color-teal-700: #2c7a7b; - --color-teal-800: #285e61; - --color-teal-900: #234e52; - --color-blue-100: #ebf8ff; - --color-blue-200: #bee3f8; - --color-blue-300: #90cdf4; - --color-blue-400: #63b3ed; - --color-blue-500: #4299e1; - --color-blue-600: #3182ce; - --color-blue-700: #2b6cb0; - --color-blue-800: #2c5282; - --color-blue-900: #2a4365; - --color-indigo-100: #ebf4ff; - --color-indigo-200: #c3dafe; - --color-indigo-300: #a3bffa; - --color-indigo-400: #7f9cf5; - --color-indigo-500: #667eea; - --color-indigo-600: #5a67d8; - --color-indigo-700: #4c51bf; - --color-indigo-800: #434190; - --color-indigo-900: #3c366b; - --color-purple-100: #faf5ff; - --color-purple-200: #e9d8fd; - --color-purple-300: #d6bcfa; - --color-purple-400: #b794f4; - --color-purple-500: #9f7aea; - --color-purple-600: #805ad5; - --color-purple-700: #6b46c1; - --color-purple-800: #553c9a; - --color-purple-900: #44337a; - --color-pink-100: #fff5f7; - --color-pink-200: #fed7e2; - --color-pink-300: #fbb6ce; - --color-pink-400: #f687b3; - --color-pink-500: #ed64a6; - --color-pink-600: #d53f8c; - --color-pink-700: #b83280; - --color-pink-800: #97266d; - --color-pink-900: #702459; + --color-gray-100: #f7fafc; + --color-gray-200: #edf2f7; + --color-gray-300: #e2e8f0; + --color-gray-400: #cbd5e0; + --color-gray-500: #a0aec0; + --color-gray-600: #718096; + --color-gray-700: #4a5568; + --color-gray-800: #2d3748; + --color-gray-900: #1a202c; + --color-red-100: #fff5f5; + --color-red-200: #fed7d7; + --color-red-300: #feb2b2; + --color-red-400: #fc8181; + --color-red-500: #f56565; + --color-red-600: #e53e3e; + --color-red-700: #c53030; + --color-red-800: #9b2c2c; + --color-red-900: #742a2a; + --color-orange-100: #fffaf0; + --color-orange-200: #feebc8; + --color-orange-300: #fbd38d; + --color-orange-400: #f6ad55; + --color-orange-500: #ed8936; + --color-orange-600: #dd6b20; + --color-orange-700: #c05621; + --color-orange-800: #9c4221; + --color-orange-900: #7b341e; + --color-yellow-100: #fffff0; + --color-yellow-200: #fefcbf; + --color-yellow-300: #faf089; + --color-yellow-400: #f6e05e; + --color-yellow-500: #ecc94b; + --color-yellow-600: #d69e2e; + --color-yellow-700: #b7791f; + --color-yellow-800: #975a16; + --color-yellow-900: #744210; + --color-green-100: #f0fff4; + --color-green-200: #c6f6d5; + --color-green-300: #9ae6b4; + --color-green-400: #68d391; + --color-green-500: #48bb78; + --color-green-600: #38a169; + --color-green-700: #2f855a; + --color-green-800: #276749; + --color-green-900: #22543d; + --color-teal-100: #e6fffa; + --color-teal-200: #b2f5ea; + --color-teal-300: #81e6d9; + --color-teal-400: #4fd1c5; + --color-teal-500: #38b2ac; + --color-teal-600: #319795; + --color-teal-700: #2c7a7b; + --color-teal-800: #285e61; + --color-teal-900: #234e52; + --color-blue-100: #ebf8ff; + --color-blue-200: #bee3f8; + --color-blue-300: #90cdf4; + --color-blue-400: #63b3ed; + --color-blue-500: #4299e1; + --color-blue-600: #3182ce; + --color-blue-700: #2b6cb0; + --color-blue-800: #2c5282; + --color-blue-900: #2a4365; + --color-indigo-100: #ebf4ff; + --color-indigo-200: #c3dafe; + --color-indigo-300: #a3bffa; + --color-indigo-400: #7f9cf5; + --color-indigo-500: #667eea; + --color-indigo-600: #5a67d8; + --color-indigo-700: #4c51bf; + --color-indigo-800: #434190; + --color-indigo-900: #3c366b; + --color-purple-100: #faf5ff; + --color-purple-200: #e9d8fd; + --color-purple-300: #d6bcfa; + --color-purple-400: #b794f4; + --color-purple-500: #9f7aea; + --color-purple-600: #805ad5; + --color-purple-700: #6b46c1; + --color-purple-800: #553c9a; + --color-purple-900: #44337a; + --color-pink-100: #fff5f7; + --color-pink-200: #fed7e2; + --color-pink-300: #fbb6ce; + --color-pink-400: #f687b3; + --color-pink-500: #ed64a6; + --color-pink-600: #d53f8c; + --color-pink-700: #b83280; + --color-pink-800: #97266d; + --color-pink-900: #702459; } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css index 183df6091..1449f624c 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/custom.css @@ -1,44 +1,44 @@ :root { - --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; - --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", - monospace; + --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", + monospace; - --font-size-xs: 0.75rem; - --font-size-sm: 0.875rem; - --font-size-base: 1rem; - --font-size-lg: 1.125rem; - --font-size-xl: 1.25rem; - --font-size-2xl: 1.5rem; - --font-size-3xl: 1.875rem; - --font-size-4xl: 2.25rem; - --font-size-5xl: 3rem; - --font-size-6xl: 4rem; - --line-height-1: 1.5rem; - --line-height-2: 1.75rem; - --line-height-3: 2.125rem; - --line-height-4: 2.5rem; - --line-height-5: 3.25rem; - --line-height-6: 4.25rem; + --font-size-xs: 0.75rem; + --font-size-sm: 0.875rem; + --font-size-base: 1rem; + --font-size-lg: 1.125rem; + --font-size-xl: 1.25rem; + --font-size-2xl: 1.5rem; + --font-size-3xl: 1.875rem; + --font-size-4xl: 2.25rem; + --font-size-5xl: 3rem; + --font-size-6xl: 4rem; + --line-height-1: 1.5rem; + --line-height-2: 1.75rem; + --line-height-3: 2.125rem; + --line-height-4: 2.5rem; + --line-height-5: 3.25rem; + --line-height-6: 4.25rem; - --spacing-0: 0; - --spacing-1: 0.25rem; - --spacing-2: 0.5rem; - --spacing-3: 0.75rem; - --spacing-4: 1rem; - --spacing-5: 1.25rem; - --spacing-6: 1.5rem; - --spacing-8: 2rem; - --spacing-10: 2.5rem; - --spacing-12: 3rem; - --spacing-16: 4rem; - --spacing-20: 5rem; - --spacing-24: 6rem; - --spacing-32: 8rem; - --spacing-40: 10rem; - --spacing-48: 12rem; - --spacing-56: 14rem; - --spacing-64: 16rem; + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.25rem; + --spacing-6: 1.5rem; + --spacing-8: 2rem; + --spacing-10: 2.5rem; + --spacing-12: 3rem; + --spacing-16: 4rem; + --spacing-20: 5rem; + --spacing-24: 6rem; + --spacing-32: 8rem; + --spacing-40: 10rem; + --spacing-48: 12rem; + --spacing-56: 14rem; + --spacing-64: 16rem; } diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js index ccff9d97f..b10c963de 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/intersection-observer.js @@ -7,731 +7,742 @@ * */ (function () { - "use strict"; - - // Exit early if we're not running in a browser. - if (typeof window !== "object") { - return; - } - - // Exit early if all IntersectionObserver and IntersectionObserverEntry - // features are natively supported. - if ( - "IntersectionObserver" in window && - "IntersectionObserverEntry" in window && - "intersectionRatio" in window.IntersectionObserverEntry.prototype - ) { - // Minimal polyfill for Edge 15's lack of `isIntersecting` - // See: https://github.com/w3c/IntersectionObserver/issues/211 - if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) { - Object.defineProperty( - window.IntersectionObserverEntry.prototype, - "isIntersecting", - { - get: function () { - return this.intersectionRatio > 0; - }, - } - ); - } - return; - } - - /** - * A local reference to the document. - */ - var document = window.document; - - /** - * An IntersectionObserver registry. This registry exists to hold a strong - * reference to IntersectionObserver instances currently observing a target - * element. Without this registry, instances without another reference may be - * garbage collected. - */ - var registry = []; - - /** - * Creates the global IntersectionObserverEntry constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry - * @param {Object} entry A dictionary of instance properties. - * @constructor - */ - function IntersectionObserverEntry(entry) { - this.time = entry.time; - this.target = entry.target; - this.rootBounds = entry.rootBounds; - this.boundingClientRect = entry.boundingClientRect; - this.intersectionRect = entry.intersectionRect || getEmptyRect(); - this.isIntersecting = !!entry.intersectionRect; - - // Calculates the intersection ratio. - var targetRect = this.boundingClientRect; - var targetArea = targetRect.width * targetRect.height; - var intersectionRect = this.intersectionRect; - var intersectionArea = intersectionRect.width * intersectionRect.height; - - // Sets intersection ratio. - if (targetArea) { - // Round the intersection ratio to avoid floating point math issues: - // https://github.com/w3c/IntersectionObserver/issues/324 - this.intersectionRatio = Number( - (intersectionArea / targetArea).toFixed(4) - ); - } else { - // If area is zero and is intersecting, sets to 1, otherwise to 0 - this.intersectionRatio = this.isIntersecting ? 1 : 0; - } - } - - /** - * Creates the global IntersectionObserver constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface - * @param {Function} callback The function to be invoked after intersection - * changes have queued. The function is not invoked if the queue has - * been emptied by calling the `takeRecords` method. - * @param {Object=} opt_options Optional configuration options. - * @constructor - */ - function IntersectionObserver(callback, opt_options) { - var options = opt_options || {}; - - if (typeof callback != "function") { - throw new Error("callback must be a function"); - } - - if (options.root && options.root.nodeType != 1) { - throw new Error("root must be an Element"); - } - - // Binds and throttles `this._checkForIntersections`. - this._checkForIntersections = throttle( - this._checkForIntersections.bind(this), - this.THROTTLE_TIMEOUT - ); - - // Private properties. - this._callback = callback; - this._observationTargets = []; - this._queuedEntries = []; - this._rootMarginValues = this._parseRootMargin(options.rootMargin); - - // Public properties. - this.thresholds = this._initThresholds(options.threshold); - this.root = options.root || null; - this.rootMargin = this._rootMarginValues - .map(function (margin) { - return margin.value + margin.unit; - }) - .join(" "); - } - - /** - * The minimum interval within which the document will be checked for - * intersection changes. - */ - IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; - - /** - * The frequency in which the polyfill polls for intersection changes. - * this can be updated on a per instance basis and must be set prior to - * calling `observe` on the first target. - */ - IntersectionObserver.prototype.POLL_INTERVAL = null; - - /** - * Use a mutation observer on the root element - * to detect intersection changes. - */ - IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; - - /** - * Starts observing a target element for intersection changes based on - * the thresholds values. - * @param {Element} target The DOM element to observe. - */ - IntersectionObserver.prototype.observe = function (target) { - var isTargetAlreadyObserved = this._observationTargets.some(function ( - item - ) { - return item.element == target; - }); - - if (isTargetAlreadyObserved) { - return; - } - - if (!(target && target.nodeType == 1)) { - throw new Error("target must be an Element"); - } - - this._registerInstance(); - this._observationTargets.push({ element: target, entry: null }); - this._monitorIntersections(); - this._checkForIntersections(); - }; - - /** - * Stops observing a target element for intersection changes. - * @param {Element} target The DOM element to observe. - */ - IntersectionObserver.prototype.unobserve = function (target) { - this._observationTargets = this._observationTargets.filter(function (item) { - return item.element != target; - }); - if (!this._observationTargets.length) { - this._unmonitorIntersections(); - this._unregisterInstance(); - } - }; - - /** - * Stops observing all target elements for intersection changes. - */ - IntersectionObserver.prototype.disconnect = function () { - this._observationTargets = []; - this._unmonitorIntersections(); - this._unregisterInstance(); - }; - - /** - * Returns any queue entries that have not yet been reported to the - * callback and clears the queue. This can be used in conjunction with the - * callback to obtain the absolute most up-to-date intersection information. - * @return {Array} The currently queued entries. - */ - IntersectionObserver.prototype.takeRecords = function () { - var records = this._queuedEntries.slice(); - this._queuedEntries = []; - return records; - }; - - /** - * Accepts the threshold value from the user configuration object and - * returns a sorted array of unique threshold values. If a value is not - * between 0 and 1 and error is thrown. - * @private - * @param {Array|number=} opt_threshold An optional threshold value or - * a list of threshold values, defaulting to [0]. - * @return {Array} A sorted list of unique and valid threshold values. - */ - IntersectionObserver.prototype._initThresholds = function (opt_threshold) { - var threshold = opt_threshold || [0]; - if (!Array.isArray(threshold)) threshold = [threshold]; - - return threshold.sort().filter(function (t, i, a) { - if (typeof t != "number" || isNaN(t) || t < 0 || t > 1) { - throw new Error( - "threshold must be a number between 0 and 1 inclusively" - ); - } - return t !== a[i - 1]; - }); - }; - - /** - * Accepts the rootMargin value from the user configuration object - * and returns an array of the four margin values as an object containing - * the value and unit properties. If any of the values are not properly - * formatted or use a unit other than px or %, and error is thrown. - * @private - * @param {string=} opt_rootMargin An optional rootMargin value, - * defaulting to '0px'. - * @return {Array} An array of margin objects with the keys - * value and unit. - */ - IntersectionObserver.prototype._parseRootMargin = function (opt_rootMargin) { - var marginString = opt_rootMargin || "0px"; - var margins = marginString.split(/\s+/).map(function (margin) { - var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); - if (!parts) { - throw new Error("rootMargin must be specified in pixels or percent"); - } - return { value: parseFloat(parts[1]), unit: parts[2] }; - }); - - // Handles shorthand. - margins[1] = margins[1] || margins[0]; - margins[2] = margins[2] || margins[0]; - margins[3] = margins[3] || margins[1]; - - return margins; - }; - - /** - * Starts polling for intersection changes if the polling is not already - * happening, and if the page's visibility state is visible. - * @private - */ - IntersectionObserver.prototype._monitorIntersections = function () { - if (!this._monitoringIntersections) { - this._monitoringIntersections = true; - - // If a poll interval is set, use polling instead of listening to - // resize and scroll events or DOM mutations. - if (this.POLL_INTERVAL) { - this._monitoringInterval = setInterval( - this._checkForIntersections, - this.POLL_INTERVAL - ); - } else { - addEvent(window, "resize", this._checkForIntersections, true); - addEvent(document, "scroll", this._checkForIntersections, true); - - if (this.USE_MUTATION_OBSERVER && "MutationObserver" in window) { - this._domObserver = new MutationObserver(this._checkForIntersections); - this._domObserver.observe(document, { - attributes: true, - childList: true, - characterData: true, - subtree: true, - }); - } - } - } - }; - - /** - * Stops polling for intersection changes. - * @private - */ - IntersectionObserver.prototype._unmonitorIntersections = function () { - if (this._monitoringIntersections) { - this._monitoringIntersections = false; - - clearInterval(this._monitoringInterval); - this._monitoringInterval = null; - - removeEvent(window, "resize", this._checkForIntersections, true); - removeEvent(document, "scroll", this._checkForIntersections, true); - - if (this._domObserver) { - this._domObserver.disconnect(); - this._domObserver = null; - } - } - }; - - /** - * Scans each observation target for intersection changes and adds them - * to the internal entries queue. If new entries are found, it - * schedules the callback to be invoked. - * @private - */ - IntersectionObserver.prototype._checkForIntersections = function () { - var rootIsInDom = this._rootIsInDom(); - var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); - - this._observationTargets.forEach(function (item) { - var target = item.element; - var targetRect = getBoundingClientRect(target); - var rootContainsTarget = this._rootContainsTarget(target); - var oldEntry = item.entry; - var intersectionRect = - rootIsInDom && - rootContainsTarget && - this._computeTargetAndRootIntersection(target, rootRect); - - var newEntry = (item.entry = new IntersectionObserverEntry({ - time: now(), - target: target, - boundingClientRect: targetRect, - rootBounds: rootRect, - intersectionRect: intersectionRect, - })); - - if (!oldEntry) { - this._queuedEntries.push(newEntry); - } else if (rootIsInDom && rootContainsTarget) { - // If the new entry intersection ratio has crossed any of the - // thresholds, add a new entry. - if (this._hasCrossedThreshold(oldEntry, newEntry)) { - this._queuedEntries.push(newEntry); - } - } else { - // If the root is not in the DOM or target is not contained within - // root but the previous entry for this target had an intersection, - // add a new record indicating removal. - if (oldEntry && oldEntry.isIntersecting) { - this._queuedEntries.push(newEntry); - } - } - }, this); - - if (this._queuedEntries.length) { - this._callback(this.takeRecords(), this); - } - }; - - /** - * Accepts a target and root rect computes the intersection between then - * following the algorithm in the spec. - * TODO(philipwalton): at this time clip-path is not considered. - * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo - * @param {Element} target The target DOM element - * @param {Object} rootRect The bounding rect of the root after being - * expanded by the rootMargin value. - * @return {?Object} The final intersection rect object or undefined if no - * intersection is found. - * @private - */ - IntersectionObserver.prototype._computeTargetAndRootIntersection = function ( - target, - rootRect - ) { - // If the element isn't displayed, an intersection can't happen. - if (window.getComputedStyle(target).display == "none") return; - - var targetRect = getBoundingClientRect(target); - var intersectionRect = targetRect; - var parent = getParentNode(target); - var atRoot = false; - - while (!atRoot) { - var parentRect = null; - var parentComputedStyle = - parent.nodeType == 1 ? window.getComputedStyle(parent) : {}; - - // If the parent isn't displayed, an intersection can't happen. - if (parentComputedStyle.display == "none") return; - - if (parent == this.root || parent == document) { - atRoot = true; - parentRect = rootRect; - } else { - // If the element has a non-visible overflow, and it's not the - // or element, update the intersection rect. - // Note: and cannot be clipped to a rect that's not also - // the document rect, so no need to compute a new intersection. - if ( - parent != document.body && - parent != document.documentElement && - parentComputedStyle.overflow != "visible" - ) { - parentRect = getBoundingClientRect(parent); - } - } - - // If either of the above conditionals set a new parentRect, - // calculate new intersection data. - if (parentRect) { - intersectionRect = computeRectIntersection( - parentRect, - intersectionRect - ); - - if (!intersectionRect) break; - } - parent = getParentNode(parent); - } - return intersectionRect; - }; - - /** - * Returns the root rect after being expanded by the rootMargin value. - * @return {Object} The expanded root rect. - * @private - */ - IntersectionObserver.prototype._getRootRect = function () { - var rootRect; - if (this.root) { - rootRect = getBoundingClientRect(this.root); - } else { - // Use / instead of window since scroll bars affect size. - var html = document.documentElement; - var body = document.body; - rootRect = { - top: 0, - left: 0, - right: html.clientWidth || body.clientWidth, - width: html.clientWidth || body.clientWidth, - bottom: html.clientHeight || body.clientHeight, - height: html.clientHeight || body.clientHeight, - }; - } - return this._expandRectByRootMargin(rootRect); - }; - - /** - * Accepts a rect and expands it by the rootMargin value. - * @param {Object} rect The rect object to expand. - * @return {Object} The expanded rect. - * @private - */ - IntersectionObserver.prototype._expandRectByRootMargin = function (rect) { - var margins = this._rootMarginValues.map(function (margin, i) { - return margin.unit == "px" - ? margin.value - : (margin.value * (i % 2 ? rect.width : rect.height)) / 100; - }); - var newRect = { - top: rect.top - margins[0], - right: rect.right + margins[1], - bottom: rect.bottom + margins[2], - left: rect.left - margins[3], - }; - newRect.width = newRect.right - newRect.left; - newRect.height = newRect.bottom - newRect.top; - - return newRect; - }; - - /** - * Accepts an old and new entry and returns true if at least one of the - * threshold values has been crossed. - * @param {?IntersectionObserverEntry} oldEntry The previous entry for a - * particular target element or null if no previous entry exists. - * @param {IntersectionObserverEntry} newEntry The current entry for a - * particular target element. - * @return {boolean} Returns true if a any threshold has been crossed. - * @private - */ - IntersectionObserver.prototype._hasCrossedThreshold = function ( - oldEntry, - newEntry - ) { - // To make comparing easier, an entry that has a ratio of 0 - // but does not actually intersect is given a value of -1 - var oldRatio = - oldEntry && oldEntry.isIntersecting - ? oldEntry.intersectionRatio || 0 - : -1; - var newRatio = newEntry.isIntersecting - ? newEntry.intersectionRatio || 0 - : -1; - - // Ignore unchanged ratios - if (oldRatio === newRatio) return; - - for (var i = 0; i < this.thresholds.length; i++) { - var threshold = this.thresholds[i]; - - // Return true if an entry matches a threshold or if the new ratio - // and the old ratio are on the opposite sides of a threshold. - if ( - threshold == oldRatio || - threshold == newRatio || - threshold < oldRatio !== threshold < newRatio - ) { - return true; - } - } - }; - - /** - * Returns whether or not the root element is an element and is in the DOM. - * @return {boolean} True if the root element is an element and is in the DOM. - * @private - */ - IntersectionObserver.prototype._rootIsInDom = function () { - return !this.root || containsDeep(document, this.root); - }; - - /** - * Returns whether or not the target element is a child of root. - * @param {Element} target The target element to check. - * @return {boolean} True if the target element is a child of root. - * @private - */ - IntersectionObserver.prototype._rootContainsTarget = function (target) { - return containsDeep(this.root || document, target); - }; - - /** - * Adds the instance to the global IntersectionObserver registry if it isn't - * already present. - * @private - */ - IntersectionObserver.prototype._registerInstance = function () { - if (registry.indexOf(this) < 0) { - registry.push(this); - } - }; - - /** - * Removes the instance from the global IntersectionObserver registry. - * @private - */ - IntersectionObserver.prototype._unregisterInstance = function () { - var index = registry.indexOf(this); - if (index != -1) registry.splice(index, 1); - }; - - /** - * Returns the result of the performance.now() method or null in browsers - * that don't support the API. - * @return {number} The elapsed time since the page was requested. - */ - function now() { - return window.performance && performance.now && performance.now(); - } - - /** - * Throttles a function and delays its execution, so it's only called at most - * once within a given time period. - * @param {Function} fn The function to throttle. - * @param {number} timeout The amount of time that must pass before the - * function can be called again. - * @return {Function} The throttled function. - */ - function throttle(fn, timeout) { - var timer = null; - return function () { - if (!timer) { - timer = setTimeout(function () { - fn(); - timer = null; - }, timeout); - } - }; - } - - /** - * Adds an event handler to a DOM node ensuring cross-browser compatibility. - * @param {Node} node The DOM node to add the event handler to. - * @param {string} event The event name. - * @param {Function} fn The event handler to add. - * @param {boolean} opt_useCapture Optionally adds the even to the capture - * phase. Note: this only works in modern browsers. - */ - function addEvent(node, event, fn, opt_useCapture) { - if (typeof node.addEventListener == "function") { - node.addEventListener(event, fn, opt_useCapture || false); - } else if (typeof node.attachEvent == "function") { - node.attachEvent("on" + event, fn); - } - } - - /** - * Removes a previously added event handler from a DOM node. - * @param {Node} node The DOM node to remove the event handler from. - * @param {string} event The event name. - * @param {Function} fn The event handler to remove. - * @param {boolean} opt_useCapture If the event handler was added with this - * flag set to true, it should be set to true here in order to remove it. - */ - function removeEvent(node, event, fn, opt_useCapture) { - if (typeof node.removeEventListener == "function") { - node.removeEventListener(event, fn, opt_useCapture || false); - } else if (typeof node.detatchEvent == "function") { - node.detatchEvent("on" + event, fn); - } - } - - /** - * Returns the intersection between two rect objects. - * @param {Object} rect1 The first rect. - * @param {Object} rect2 The second rect. - * @return {?Object} The intersection rect or undefined if no intersection - * is found. - */ - function computeRectIntersection(rect1, rect2) { - var top = Math.max(rect1.top, rect2.top); - var bottom = Math.min(rect1.bottom, rect2.bottom); - var left = Math.max(rect1.left, rect2.left); - var right = Math.min(rect1.right, rect2.right); - var width = right - left; - var height = bottom - top; - - return ( - width >= 0 && - height >= 0 && { - top: top, - bottom: bottom, - left: left, - right: right, - width: width, - height: height, - } - ); - } - - /** - * Shims the native getBoundingClientRect for compatibility with older IE. - * @param {Element} el The element whose bounding rect to get. - * @return {Object} The (possibly shimmed) rect of the element. - */ - function getBoundingClientRect(el) { - var rect; - - try { - rect = el.getBoundingClientRect(); - } catch (err) { - // Ignore Windows 7 IE11 "Unspecified error" - // https://github.com/w3c/IntersectionObserver/pull/205 - } - - if (!rect) return getEmptyRect(); - - // Older IE - if (!(rect.width && rect.height)) { - rect = { - top: rect.top, - right: rect.right, - bottom: rect.bottom, - left: rect.left, - width: rect.right - rect.left, - height: rect.bottom - rect.top, - }; - } - return rect; - } - - /** - * Returns an empty rect object. An empty rect is returned when an element - * is not in the DOM. - * @return {Object} The empty rect. - */ - function getEmptyRect() { - return { - top: 0, - bottom: 0, - left: 0, - right: 0, - width: 0, - height: 0, - }; - } - - /** - * Checks to see if a parent element contains a child element (including inside - * shadow DOM). - * @param {Node} parent The parent element. - * @param {Node} child The child element. - * @return {boolean} True if the parent node contains the child node. - */ - function containsDeep(parent, child) { - var node = child; - while (node) { - if (node == parent) return true; - - node = getParentNode(node); - } - return false; - } - - /** - * Gets the parent node of an element or its host element if the parent node - * is a shadow root. - * @param {Node} node The node whose parent to get. - * @return {Node|null} The parent node or null if no parent exists. - */ - function getParentNode(node) { - var parent = node.parentNode; - - if (parent && parent.nodeType == 11 && parent.host) { - // If the parent is a shadow root, return the host element. - return parent.host; - } - - if (parent && parent.assignedSlot) { - // If the parent is distributed in a , return the parent of a slot. - return parent.assignedSlot.parentNode; - } - - return parent; - } - - // Exposes the constructors globally. - window.IntersectionObserver = IntersectionObserver; - window.IntersectionObserverEntry = IntersectionObserverEntry; + "use strict"; + + // Exit early if we're not running in a browser. + if (typeof window !== "object") { + return; + } + + // Exit early if all IntersectionObserver and IntersectionObserverEntry + // features are natively supported. + if ( + "IntersectionObserver" in window && + "IntersectionObserverEntry" in window && + "intersectionRatio" in window.IntersectionObserverEntry.prototype + ) { + // Minimal polyfill for Edge 15's lack of `isIntersecting` + // See: https://github.com/w3c/IntersectionObserver/issues/211 + if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) { + Object.defineProperty( + window.IntersectionObserverEntry.prototype, + "isIntersecting", + { + get: function () { + return this.intersectionRatio > 0; + }, + } + ); + } + return; + } + + /** + * A local reference to the document. + */ + var document = window.document; + + /** + * An IntersectionObserver registry. This registry exists to hold a strong + * reference to IntersectionObserver instances currently observing a target + * element. Without this registry, instances without another reference may be + * garbage collected. + */ + var registry = []; + + /** + * Creates the global IntersectionObserverEntry constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry + * @param {Object} entry A dictionary of instance properties. + * @constructor + */ + function IntersectionObserverEntry(entry) { + this.time = entry.time; + this.target = entry.target; + this.rootBounds = entry.rootBounds; + this.boundingClientRect = entry.boundingClientRect; + this.intersectionRect = entry.intersectionRect || getEmptyRect(); + this.isIntersecting = !!entry.intersectionRect; + + // Calculates the intersection ratio. + var targetRect = this.boundingClientRect; + var targetArea = targetRect.width * targetRect.height; + var intersectionRect = this.intersectionRect; + var intersectionArea = intersectionRect.width * intersectionRect.height; + + // Sets intersection ratio. + if (targetArea) { + // Round the intersection ratio to avoid floating point math issues: + // https://github.com/w3c/IntersectionObserver/issues/324 + this.intersectionRatio = Number( + (intersectionArea / targetArea).toFixed(4) + ); + } else { + // If area is zero and is intersecting, sets to 1, otherwise to 0 + this.intersectionRatio = this.isIntersecting ? 1 : 0; + } + } + + /** + * Creates the global IntersectionObserver constructor. + * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface + * @param {Function} callback The function to be invoked after intersection + * changes have queued. The function is not invoked if the queue has + * been emptied by calling the `takeRecords` method. + * @param {Object=} opt_options Optional configuration options. + * @constructor + */ + function IntersectionObserver(callback, opt_options) { + var options = opt_options || {}; + + if (typeof callback != "function") { + throw new Error("callback must be a function"); + } + + if (options.root && options.root.nodeType != 1) { + throw new Error("root must be an Element"); + } + + // Binds and throttles `this._checkForIntersections`. + this._checkForIntersections = throttle( + this._checkForIntersections.bind(this), + this.THROTTLE_TIMEOUT + ); + + // Private properties. + this._callback = callback; + this._observationTargets = []; + this._queuedEntries = []; + this._rootMarginValues = this._parseRootMargin(options.rootMargin); + + // Public properties. + this.thresholds = this._initThresholds(options.threshold); + this.root = options.root || null; + this.rootMargin = this._rootMarginValues + .map(function (margin) { + return margin.value + margin.unit; + }) + .join(" "); + } + + /** + * The minimum interval within which the document will be checked for + * intersection changes. + */ + IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; + + /** + * The frequency in which the polyfill polls for intersection changes. + * this can be updated on a per instance basis and must be set prior to + * calling `observe` on the first target. + */ + IntersectionObserver.prototype.POLL_INTERVAL = null; + + /** + * Use a mutation observer on the root element + * to detect intersection changes. + */ + IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true; + + /** + * Starts observing a target element for intersection changes based on + * the thresholds values. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.observe = function (target) { + var isTargetAlreadyObserved = this._observationTargets.some(function ( + item + ) { + return item.element == target; + }); + + if (isTargetAlreadyObserved) { + return; + } + + if (!(target && target.nodeType == 1)) { + throw new Error("target must be an Element"); + } + + this._registerInstance(); + this._observationTargets.push({ element: target, entry: null }); + this._monitorIntersections(); + this._checkForIntersections(); + }; + + /** + * Stops observing a target element for intersection changes. + * @param {Element} target The DOM element to observe. + */ + IntersectionObserver.prototype.unobserve = function (target) { + this._observationTargets = this._observationTargets.filter(function ( + item + ) { + return item.element != target; + }); + if (!this._observationTargets.length) { + this._unmonitorIntersections(); + this._unregisterInstance(); + } + }; + + /** + * Stops observing all target elements for intersection changes. + */ + IntersectionObserver.prototype.disconnect = function () { + this._observationTargets = []; + this._unmonitorIntersections(); + this._unregisterInstance(); + }; + + /** + * Returns any queue entries that have not yet been reported to the + * callback and clears the queue. This can be used in conjunction with the + * callback to obtain the absolute most up-to-date intersection information. + * @return {Array} The currently queued entries. + */ + IntersectionObserver.prototype.takeRecords = function () { + var records = this._queuedEntries.slice(); + this._queuedEntries = []; + return records; + }; + + /** + * Accepts the threshold value from the user configuration object and + * returns a sorted array of unique threshold values. If a value is not + * between 0 and 1 and error is thrown. + * @private + * @param {Array|number=} opt_threshold An optional threshold value or + * a list of threshold values, defaulting to [0]. + * @return {Array} A sorted list of unique and valid threshold values. + */ + IntersectionObserver.prototype._initThresholds = function (opt_threshold) { + var threshold = opt_threshold || [0]; + if (!Array.isArray(threshold)) threshold = [threshold]; + + return threshold.sort().filter(function (t, i, a) { + if (typeof t != "number" || isNaN(t) || t < 0 || t > 1) { + throw new Error( + "threshold must be a number between 0 and 1 inclusively" + ); + } + return t !== a[i - 1]; + }); + }; + + /** + * Accepts the rootMargin value from the user configuration object + * and returns an array of the four margin values as an object containing + * the value and unit properties. If any of the values are not properly + * formatted or use a unit other than px or %, and error is thrown. + * @private + * @param {string=} opt_rootMargin An optional rootMargin value, + * defaulting to '0px'. + * @return {Array} An array of margin objects with the keys + * value and unit. + */ + IntersectionObserver.prototype._parseRootMargin = function ( + opt_rootMargin + ) { + var marginString = opt_rootMargin || "0px"; + var margins = marginString.split(/\s+/).map(function (margin) { + var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); + if (!parts) { + throw new Error( + "rootMargin must be specified in pixels or percent" + ); + } + return { value: parseFloat(parts[1]), unit: parts[2] }; + }); + + // Handles shorthand. + margins[1] = margins[1] || margins[0]; + margins[2] = margins[2] || margins[0]; + margins[3] = margins[3] || margins[1]; + + return margins; + }; + + /** + * Starts polling for intersection changes if the polling is not already + * happening, and if the page's visibility state is visible. + * @private + */ + IntersectionObserver.prototype._monitorIntersections = function () { + if (!this._monitoringIntersections) { + this._monitoringIntersections = true; + + // If a poll interval is set, use polling instead of listening to + // resize and scroll events or DOM mutations. + if (this.POLL_INTERVAL) { + this._monitoringInterval = setInterval( + this._checkForIntersections, + this.POLL_INTERVAL + ); + } else { + addEvent(window, "resize", this._checkForIntersections, true); + addEvent(document, "scroll", this._checkForIntersections, true); + + if ( + this.USE_MUTATION_OBSERVER && + "MutationObserver" in window + ) { + this._domObserver = new MutationObserver( + this._checkForIntersections + ); + this._domObserver.observe(document, { + attributes: true, + childList: true, + characterData: true, + subtree: true, + }); + } + } + } + }; + + /** + * Stops polling for intersection changes. + * @private + */ + IntersectionObserver.prototype._unmonitorIntersections = function () { + if (this._monitoringIntersections) { + this._monitoringIntersections = false; + + clearInterval(this._monitoringInterval); + this._monitoringInterval = null; + + removeEvent(window, "resize", this._checkForIntersections, true); + removeEvent(document, "scroll", this._checkForIntersections, true); + + if (this._domObserver) { + this._domObserver.disconnect(); + this._domObserver = null; + } + } + }; + + /** + * Scans each observation target for intersection changes and adds them + * to the internal entries queue. If new entries are found, it + * schedules the callback to be invoked. + * @private + */ + IntersectionObserver.prototype._checkForIntersections = function () { + var rootIsInDom = this._rootIsInDom(); + var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); + + this._observationTargets.forEach(function (item) { + var target = item.element; + var targetRect = getBoundingClientRect(target); + var rootContainsTarget = this._rootContainsTarget(target); + var oldEntry = item.entry; + var intersectionRect = + rootIsInDom && + rootContainsTarget && + this._computeTargetAndRootIntersection(target, rootRect); + + var newEntry = (item.entry = new IntersectionObserverEntry({ + time: now(), + target: target, + boundingClientRect: targetRect, + rootBounds: rootRect, + intersectionRect: intersectionRect, + })); + + if (!oldEntry) { + this._queuedEntries.push(newEntry); + } else if (rootIsInDom && rootContainsTarget) { + // If the new entry intersection ratio has crossed any of the + // thresholds, add a new entry. + if (this._hasCrossedThreshold(oldEntry, newEntry)) { + this._queuedEntries.push(newEntry); + } + } else { + // If the root is not in the DOM or target is not contained within + // root but the previous entry for this target had an intersection, + // add a new record indicating removal. + if (oldEntry && oldEntry.isIntersecting) { + this._queuedEntries.push(newEntry); + } + } + }, this); + + if (this._queuedEntries.length) { + this._callback(this.takeRecords(), this); + } + }; + + /** + * Accepts a target and root rect computes the intersection between then + * following the algorithm in the spec. + * TODO(philipwalton): at this time clip-path is not considered. + * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo + * @param {Element} target The target DOM element + * @param {Object} rootRect The bounding rect of the root after being + * expanded by the rootMargin value. + * @return {?Object} The final intersection rect object or undefined if no + * intersection is found. + * @private + */ + IntersectionObserver.prototype._computeTargetAndRootIntersection = function ( + target, + rootRect + ) { + // If the element isn't displayed, an intersection can't happen. + if (window.getComputedStyle(target).display == "none") return; + + var targetRect = getBoundingClientRect(target); + var intersectionRect = targetRect; + var parent = getParentNode(target); + var atRoot = false; + + while (!atRoot) { + var parentRect = null; + var parentComputedStyle = + parent.nodeType == 1 ? window.getComputedStyle(parent) : {}; + + // If the parent isn't displayed, an intersection can't happen. + if (parentComputedStyle.display == "none") return; + + if (parent == this.root || parent == document) { + atRoot = true; + parentRect = rootRect; + } else { + // If the element has a non-visible overflow, and it's not the + // or element, update the intersection rect. + // Note: and cannot be clipped to a rect that's not also + // the document rect, so no need to compute a new intersection. + if ( + parent != document.body && + parent != document.documentElement && + parentComputedStyle.overflow != "visible" + ) { + parentRect = getBoundingClientRect(parent); + } + } + + // If either of the above conditionals set a new parentRect, + // calculate new intersection data. + if (parentRect) { + intersectionRect = computeRectIntersection( + parentRect, + intersectionRect + ); + + if (!intersectionRect) break; + } + parent = getParentNode(parent); + } + return intersectionRect; + }; + + /** + * Returns the root rect after being expanded by the rootMargin value. + * @return {Object} The expanded root rect. + * @private + */ + IntersectionObserver.prototype._getRootRect = function () { + var rootRect; + if (this.root) { + rootRect = getBoundingClientRect(this.root); + } else { + // Use / instead of window since scroll bars affect size. + var html = document.documentElement; + var body = document.body; + rootRect = { + top: 0, + left: 0, + right: html.clientWidth || body.clientWidth, + width: html.clientWidth || body.clientWidth, + bottom: html.clientHeight || body.clientHeight, + height: html.clientHeight || body.clientHeight, + }; + } + return this._expandRectByRootMargin(rootRect); + }; + + /** + * Accepts a rect and expands it by the rootMargin value. + * @param {Object} rect The rect object to expand. + * @return {Object} The expanded rect. + * @private + */ + IntersectionObserver.prototype._expandRectByRootMargin = function (rect) { + var margins = this._rootMarginValues.map(function (margin, i) { + return margin.unit == "px" + ? margin.value + : (margin.value * (i % 2 ? rect.width : rect.height)) / 100; + }); + var newRect = { + top: rect.top - margins[0], + right: rect.right + margins[1], + bottom: rect.bottom + margins[2], + left: rect.left - margins[3], + }; + newRect.width = newRect.right - newRect.left; + newRect.height = newRect.bottom - newRect.top; + + return newRect; + }; + + /** + * Accepts an old and new entry and returns true if at least one of the + * threshold values has been crossed. + * @param {?IntersectionObserverEntry} oldEntry The previous entry for a + * particular target element or null if no previous entry exists. + * @param {IntersectionObserverEntry} newEntry The current entry for a + * particular target element. + * @return {boolean} Returns true if a any threshold has been crossed. + * @private + */ + IntersectionObserver.prototype._hasCrossedThreshold = function ( + oldEntry, + newEntry + ) { + // To make comparing easier, an entry that has a ratio of 0 + // but does not actually intersect is given a value of -1 + var oldRatio = + oldEntry && oldEntry.isIntersecting + ? oldEntry.intersectionRatio || 0 + : -1; + var newRatio = newEntry.isIntersecting + ? newEntry.intersectionRatio || 0 + : -1; + + // Ignore unchanged ratios + if (oldRatio === newRatio) return; + + for (var i = 0; i < this.thresholds.length; i++) { + var threshold = this.thresholds[i]; + + // Return true if an entry matches a threshold or if the new ratio + // and the old ratio are on the opposite sides of a threshold. + if ( + threshold == oldRatio || + threshold == newRatio || + threshold < oldRatio !== threshold < newRatio + ) { + return true; + } + } + }; + + /** + * Returns whether or not the root element is an element and is in the DOM. + * @return {boolean} True if the root element is an element and is in the DOM. + * @private + */ + IntersectionObserver.prototype._rootIsInDom = function () { + return !this.root || containsDeep(document, this.root); + }; + + /** + * Returns whether or not the target element is a child of root. + * @param {Element} target The target element to check. + * @return {boolean} True if the target element is a child of root. + * @private + */ + IntersectionObserver.prototype._rootContainsTarget = function (target) { + return containsDeep(this.root || document, target); + }; + + /** + * Adds the instance to the global IntersectionObserver registry if it isn't + * already present. + * @private + */ + IntersectionObserver.prototype._registerInstance = function () { + if (registry.indexOf(this) < 0) { + registry.push(this); + } + }; + + /** + * Removes the instance from the global IntersectionObserver registry. + * @private + */ + IntersectionObserver.prototype._unregisterInstance = function () { + var index = registry.indexOf(this); + if (index != -1) registry.splice(index, 1); + }; + + /** + * Returns the result of the performance.now() method or null in browsers + * that don't support the API. + * @return {number} The elapsed time since the page was requested. + */ + function now() { + return window.performance && performance.now && performance.now(); + } + + /** + * Throttles a function and delays its execution, so it's only called at most + * once within a given time period. + * @param {Function} fn The function to throttle. + * @param {number} timeout The amount of time that must pass before the + * function can be called again. + * @return {Function} The throttled function. + */ + function throttle(fn, timeout) { + var timer = null; + return function () { + if (!timer) { + timer = setTimeout(function () { + fn(); + timer = null; + }, timeout); + } + }; + } + + /** + * Adds an event handler to a DOM node ensuring cross-browser compatibility. + * @param {Node} node The DOM node to add the event handler to. + * @param {string} event The event name. + * @param {Function} fn The event handler to add. + * @param {boolean} opt_useCapture Optionally adds the even to the capture + * phase. Note: this only works in modern browsers. + */ + function addEvent(node, event, fn, opt_useCapture) { + if (typeof node.addEventListener == "function") { + node.addEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.attachEvent == "function") { + node.attachEvent("on" + event, fn); + } + } + + /** + * Removes a previously added event handler from a DOM node. + * @param {Node} node The DOM node to remove the event handler from. + * @param {string} event The event name. + * @param {Function} fn The event handler to remove. + * @param {boolean} opt_useCapture If the event handler was added with this + * flag set to true, it should be set to true here in order to remove it. + */ + function removeEvent(node, event, fn, opt_useCapture) { + if (typeof node.removeEventListener == "function") { + node.removeEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.detatchEvent == "function") { + node.detatchEvent("on" + event, fn); + } + } + + /** + * Returns the intersection between two rect objects. + * @param {Object} rect1 The first rect. + * @param {Object} rect2 The second rect. + * @return {?Object} The intersection rect or undefined if no intersection + * is found. + */ + function computeRectIntersection(rect1, rect2) { + var top = Math.max(rect1.top, rect2.top); + var bottom = Math.min(rect1.bottom, rect2.bottom); + var left = Math.max(rect1.left, rect2.left); + var right = Math.min(rect1.right, rect2.right); + var width = right - left; + var height = bottom - top; + + return ( + width >= 0 && + height >= 0 && { + top: top, + bottom: bottom, + left: left, + right: right, + width: width, + height: height, + } + ); + } + + /** + * Shims the native getBoundingClientRect for compatibility with older IE. + * @param {Element} el The element whose bounding rect to get. + * @return {Object} The (possibly shimmed) rect of the element. + */ + function getBoundingClientRect(el) { + var rect; + + try { + rect = el.getBoundingClientRect(); + } catch (err) { + // Ignore Windows 7 IE11 "Unspecified error" + // https://github.com/w3c/IntersectionObserver/pull/205 + } + + if (!rect) return getEmptyRect(); + + // Older IE + if (!(rect.width && rect.height)) { + rect = { + top: rect.top, + right: rect.right, + bottom: rect.bottom, + left: rect.left, + width: rect.right - rect.left, + height: rect.bottom - rect.top, + }; + } + return rect; + } + + /** + * Returns an empty rect object. An empty rect is returned when an element + * is not in the DOM. + * @return {Object} The empty rect. + */ + function getEmptyRect() { + return { + top: 0, + bottom: 0, + left: 0, + right: 0, + width: 0, + height: 0, + }; + } + + /** + * Checks to see if a parent element contains a child element (including inside + * shadow DOM). + * @param {Node} parent The parent element. + * @param {Node} child The child element. + * @return {boolean} True if the parent node contains the child node. + */ + function containsDeep(parent, child) { + var node = child; + while (node) { + if (node == parent) return true; + + node = getParentNode(node); + } + return false; + } + + /** + * Gets the parent node of an element or its host element if the parent node + * is a shadow root. + * @param {Node} node The node whose parent to get. + * @return {Node|null} The parent node or null if no parent exists. + */ + function getParentNode(node) { + var parent = node.parentNode; + + if (parent && parent.nodeType == 11 && parent.host) { + // If the parent is a shadow root, return the host element. + return parent.host; + } + + if (parent && parent.assignedSlot) { + // If the parent is distributed in a , return the parent of a slot. + return parent.assignedSlot.parentNode; + } + + return parent; + } + + // Exposes the constructors globally. + window.IntersectionObserver = IntersectionObserver; + window.IntersectionObserverEntry = IntersectionObserverEntry; })(); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js index 24ce88ad4..32544f98b 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/dependencies/v-lazy-image.min.js @@ -5,83 +5,86 @@ */ !(function (e, t) { - "object" == typeof exports && "undefined" != typeof module - ? t(exports) - : "function" == typeof define && define.amd - ? define(["exports"], t) - : t((e.VLazyImage = {})); + "object" == typeof exports && "undefined" != typeof module + ? t(exports) + : "function" == typeof define && define.amd + ? define(["exports"], t) + : t((e.VLazyImage = {})); })(this, function (e) { - "use strict"; - var t = { - props: { - src: { type: String, required: !0 }, - srcPlaceholder: { type: String, default: "" }, - srcset: { type: String }, - intersectionOptions: { - type: Object, - default: function () { - return {}; - }, - }, - usePicture: { type: Boolean, default: !1 }, - }, - inheritAttrs: !1, - data: function () { - return { observer: null, intersected: !1, loaded: !1 }; - }, - computed: { - srcImage: function () { - return this.intersected ? this.src : this.srcPlaceholder; - }, - srcsetImage: function () { - return !(!this.intersected || !this.srcset) && this.srcset; - }, - }, - methods: { - load: function () { - this.$el.getAttribute("src") !== this.srcPlaceholder && - ((this.loaded = !0), this.$emit("load")); - }, - }, - render: function (e) { - var t = e("img", { - attrs: { src: this.srcImage, srcset: this.srcsetImage }, - domProps: this.$attrs, - class: { "v-lazy-image": !0, "v-lazy-image-loaded": this.loaded }, - on: { load: this.load }, - }); - return this.usePicture - ? e( - "picture", - { on: { load: this.load } }, - this.intersected ? [this.$slots.default, t] : [] - ) - : t; - }, - mounted: function () { - var e = this; - "IntersectionObserver" in window - ? ((this.observer = new IntersectionObserver(function (t) { - t[0].isIntersecting && - ((e.intersected = !0), - e.observer.disconnect(), - e.$emit("intersect")); - }, this.intersectionOptions)), - this.observer.observe(this.$el)) - : console.error( - "v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill." - ); - }, - destroyed: function () { - this.observer.disconnect(); - }, - }, - s = { - install: function (e, s) { - e.component("VLazyImage", t); - }, - }; - (e.default = t), - (e.VLazyImagePlugin = s), - Object.defineProperty(e, "__esModule", { value: !0 }); + "use strict"; + var t = { + props: { + src: { type: String, required: !0 }, + srcPlaceholder: { type: String, default: "" }, + srcset: { type: String }, + intersectionOptions: { + type: Object, + default: function () { + return {}; + }, + }, + usePicture: { type: Boolean, default: !1 }, + }, + inheritAttrs: !1, + data: function () { + return { observer: null, intersected: !1, loaded: !1 }; + }, + computed: { + srcImage: function () { + return this.intersected ? this.src : this.srcPlaceholder; + }, + srcsetImage: function () { + return !(!this.intersected || !this.srcset) && this.srcset; + }, + }, + methods: { + load: function () { + this.$el.getAttribute("src") !== this.srcPlaceholder && + ((this.loaded = !0), this.$emit("load")); + }, + }, + render: function (e) { + var t = e("img", { + attrs: { src: this.srcImage, srcset: this.srcsetImage }, + domProps: this.$attrs, + class: { + "v-lazy-image": !0, + "v-lazy-image-loaded": this.loaded, + }, + on: { load: this.load }, + }); + return this.usePicture + ? e( + "picture", + { on: { load: this.load } }, + this.intersected ? [this.$slots.default, t] : [] + ) + : t; + }, + mounted: function () { + var e = this; + "IntersectionObserver" in window + ? ((this.observer = new IntersectionObserver(function (t) { + t[0].isIntersecting && + ((e.intersected = !0), + e.observer.disconnect(), + e.$emit("intersect")); + }, this.intersectionOptions)), + this.observer.observe(this.$el)) + : console.error( + "v-lazy-image: this browser doesn't support IntersectionObserver. Please use this polyfill to make it work https://github.com/w3c/IntersectionObserver/tree/master/polyfill." + ); + }, + destroyed: function () { + this.observer.disconnect(); + }, + }, + s = { + install: function (e, s) { + e.component("VLazyImage", t); + }, + }; + (e.default = t), + (e.VLazyImagePlugin = s), + Object.defineProperty(e, "__esModule", { value: !0 }); }); diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css index 9cef095f1..79a65f7ca 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/styles.css @@ -8,102 +8,102 @@ /* Base Overrides */ html { - @apply font-sans text-base; + @apply font-sans text-base; } .enlarge-text h1:not([class]), .enlarge-text .text-5xl, .text-6xl { - @apply text-6xl font-extrabold; - line-height: var(--line-height-6); - letter-spacing: -0.02em; + @apply text-6xl font-extrabold; + line-height: var(--line-height-6); + letter-spacing: -0.02em; } .enlarge-text h1:not([class]), .enlarge-text .text-5xl:not([class*="my-"]):not([class*="mt-"]), .text-6xl { - margin-top: var(--spacing-24); + margin-top: var(--spacing-24); } h1:not([class]), .enlarge-text h2:not([class]), .text-5xl { - @apply text-5xl font-extrabold; - line-height: var(--line-height-5); - letter-spacing: -0.02em; + @apply text-5xl font-extrabold; + line-height: var(--line-height-5); + letter-spacing: -0.02em; } h1:not([class]), .enlarge-text h2:not([class]) { - margin-top: var(--spacing-20); + margin-top: var(--spacing-20); } h2:not([class]), .enlarge-text h3:not([class]), .text-4xl { - @apply text-4xl font-bold; - line-height: var(--line-height-4); - letter-spacing: -0.04em; + @apply text-4xl font-bold; + line-height: var(--line-height-4); + letter-spacing: -0.04em; } h2:not([class]), .enlarge-text h3:not([class]) { - margin-top: var(--spacing-16); + margin-top: var(--spacing-16); } h3:not([class]), .enlarge-text h4:not([class]), .text-3xl { - @apply text-3xl font-bold; - line-height: var(--line-height-3); - letter-spacing: -0.02em; + @apply text-3xl font-bold; + line-height: var(--line-height-3); + letter-spacing: -0.02em; } h3:not([class]), .enlarge-text h4:not([class]) { - margin-top: var(--spacing-12); + margin-top: var(--spacing-12); } h4:not([class]), .enlarge-text h5:not([class]), .text-2xl { - @apply text-2xl font-bold; - line-height: var(--line-height-2); - letter-spacing: -0.02em; + @apply text-2xl font-bold; + line-height: var(--line-height-2); + letter-spacing: -0.02em; } h4:not([class]), .enlarge-text h5:not([class]) { - margin-top: var(--spacing-10); + margin-top: var(--spacing-10); } h5:not([class]), .enlarge-text h6:not([class]), .text-xl { - @apply text-xl font-bold; - line-height: var(--line-height-1); + @apply text-xl font-bold; + line-height: var(--line-height-1); } h5:not([class]), .enlarge-text h6:not([class]) { - margin-top: var(--spacing-8); + margin-top: var(--spacing-8); } h6:not([class]) { - @apply text-lg; - line-height: var(--line-height-1); - margin-top: var(--spacing-8); - margin-bottom: 0; + @apply text-lg; + line-height: var(--line-height-1); + margin-top: var(--spacing-8); + margin-bottom: 0; } .enlarge-text p:not([class*="text-"]), .enlarge-text .text-lg { - @apply text-xl; - line-height: var(--line-height-2); + @apply text-xl; + line-height: var(--line-height-2); } h6 { - @apply font-bold; + @apply font-bold; } h1:not([class]), @@ -111,8 +111,8 @@ h2:not([class]), h3:not([class]), h4:not([class]), h5:not([class]) { - margin-top: var(--spacing-6); - margin-bottom: var(--spacing-6); + margin-top: var(--spacing-6); + margin-bottom: var(--spacing-6); } h1:not([class]):first-child, @@ -121,7 +121,7 @@ h3:not([class]):first-child, h4:not([class]):first-child, h5:not([class]):first-child, h6:not([class]):first-child { - margin-top: 0; + margin-top: 0; } h1:not([class]):last-child, @@ -130,7 +130,7 @@ h3:not([class]):last-child, h4:not([class]):last-child, h5:not([class]):last-child, h6:not([class]):last-child { - margin-bottom: 0; + margin-bottom: 0; } .text-xl.font-normal, @@ -139,189 +139,189 @@ h6:not([class]):last-child { .text-4xl.font-normal, .text-5xl.font-normal, .text-6xl.font-normal { - font-weight: 400; + font-weight: 400; } a { - @apply underline text-blue-700; + @apply underline text-blue-700; } a:hover { - @apply text-blue-800; + @apply text-blue-800; } ul { - @apply list-disc pl-5 py-2 m-0; + @apply list-disc pl-5 py-2 m-0; } ol { - @apply list-decimal pl-5 py-2 m-0; + @apply list-decimal pl-5 py-2 m-0; } p { - @apply my-3; - line-height: var(--line-height-1); + @apply my-3; + line-height: var(--line-height-1); } .color-inherit { - color: inherit; + color: inherit; } .pipe-after:after { - content: "|"; - @apply ml-2; + content: "|"; + @apply ml-2; } /* Custom Utilities */ .transform-rotate-90 { - transform: rotate(90deg); + transform: rotate(90deg); } /* Drop Shadow Helpers */ .elevation-1 { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-2 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-3 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-4 { - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } .elevation-5 { - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); - transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); - z-index: 10; + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); + transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + z-index: 10; } /* Background */ .bg-primary { - background: var(--bg-primary); + background: var(--bg-primary); } .bg-secondary { - background: var(--bg-secondary); + background: var(--bg-secondary); } /* Buttons */ .btn { - @apply text-sm font-medium py-2 px-4 rounded no-underline; - transition-property: background, background-color, color, border-color; - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + @apply text-sm font-medium py-2 px-4 rounded no-underline; + transition-property: background, background-color, color, border-color; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn:focus { - @apply outline-none shadow-outline; + @apply outline-none shadow-outline; } .btn:hover { - @apply text-white; + @apply text-white; } .btn-lg { - @apply py-4 px-5 text-lg; + @apply py-4 px-5 text-lg; } .btn-sm { - @apply py-2 px-2 text-sm; + @apply py-2 px-2 text-sm; } .btn-blue { - @apply bg-blue-600 text-white; + @apply bg-blue-600 text-white; } .btn-blue:hover { - @apply bg-blue-700; + @apply bg-blue-700; } .btn-green { - @apply bg-green-600 text-white; + @apply bg-green-600 text-white; } .btn-green:hover { - @apply bg-green-700; + @apply bg-green-700; } .btn-red { - @apply bg-red-600 text-white; + @apply bg-red-600 text-white; } .btn-red:hover { - @apply bg-red-700; + @apply bg-red-700; } .btn-orange { - @apply bg-orange-600 text-white; + @apply bg-orange-600 text-white; } .btn-orange:hover { - @apply bg-orange-700; + @apply bg-orange-700; } .btn-white { - @apply bg-gray-200 text-gray-800; + @apply bg-gray-200 text-gray-800; } .btn-white:hover { - @apply bg-gray-300; + @apply bg-gray-300; } .btn-black { - @apply bg-gray-800 text-gray-200; + @apply bg-gray-800 text-gray-200; } .btn-black:hover { - @apply bg-gray-900; + @apply bg-gray-900; } .media-sizeable { - flex-shrink: 1 !important; + flex-shrink: 1 !important; } @media (min-width: 768px) { - .media-sizeable { - flex-shrink: 0 !important; - } + .media-sizeable { + flex-shrink: 0 !important; + } } /* header */ [class$="components-header"] a { - @apply text-sm font-medium; + @apply text-sm font-medium; } /* footer */ [class$="components-footer"] ul { - @apply list-none p-0 text-sm font-medium; + @apply list-none p-0 text-sm font-medium; } [class$="components-footer"] ul li { - @apply mb-2; + @apply mb-2; } [class$="components-footer"] p { - @apply text-sm font-medium; + @apply text-sm font-medium; } /* carousel */ [class$="components-carousel"].w-full { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .VueCarousel-pagination { - @apply absolute bottom-0 mb-4 pointer-events-none; + @apply absolute bottom-0 mb-4 pointer-events-none; } .VueCarousel-dot-container { - @apply pointer-events-auto; + @apply pointer-events-auto; } /* accordion */ [class$="components-accordion"] .img-wrapper.rounded-none img { - border-radius: 0; + border-radius: 0; } [class$="components-accordion"] .img-wrapper.rounded-sm img { - border-radius: 0.125rem; + border-radius: 0.125rem; } [class$="components-accordion"] .img-wrapper.rounded img { - border-radius: 0.25rem; + border-radius: 0.25rem; } [class$="components-accordion"] .img-wrapper.rounded-lg img { - border-radius: 0.5rem; + border-radius: 0.5rem; } [class$="components-accordion"] .img-wrapper.rounded-full img { - border-radius: 9999px; + border-radius: 9999px; } /* purgecss end ignore */ diff --git a/ui.apps/tailwind.config.js b/ui.apps/tailwind.config.js index f7eaf79f1..809653392 100644 --- a/ui.apps/tailwind.config.js +++ b/ui.apps/tailwind.config.js @@ -1,506 +1,506 @@ module.exports = { - prefix: "", - important: false, - separator: ":", - theme: { - aspectRatio: { - square: [1, 1], - "16/9": [16, 9], - "4/3": [4, 3], - "21/9": [21, 9], - }, - screens: { - sm: "640px", - md: "768px", - lg: "1024px", - xl: "1280px", - }, - colors: { - transparent: "transparent", + prefix: "", + important: false, + separator: ":", + theme: { + aspectRatio: { + square: [1, 1], + "16/9": [16, 9], + "4/3": [4, 3], + "21/9": [21, 9], + }, + screens: { + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", + }, + colors: { + transparent: "transparent", - black: "#000", - white: "#fff", + black: "#000", + white: "#fff", - gray: { - 100: "var(--color-gray-100)", - 200: "var(--color-gray-200)", - 300: "var(--color-gray-300)", - 400: "var(--color-gray-400)", - 500: "var(--color-gray-500)", - 600: "var(--color-gray-600)", - 700: "var(--color-gray-700)", - 800: "var(--color-gray-800)", - 900: "var(--color-gray-900)", - }, - red: { - 100: "var(--color-red-100)", - 200: "var(--color-red-200)", - 300: "var(--color-red-300)", - 400: "var(--color-red-400)", - 500: "var(--color-red-500)", - 600: "var(--color-red-600)", - 700: "var(--color-red-700)", - 800: "var(--color-red-800)", - 900: "var(--color-red-900)", - }, - orange: { - 100: "var(--color-orange-100)", - 200: "var(--color-orange-200)", - 300: "var(--color-orange-300)", - 400: "var(--color-orange-400)", - 500: "var(--color-orange-500)", - 600: "var(--color-orange-600)", - 700: "var(--color-orange-700)", - 800: "var(--color-orange-800)", - 900: "var(--color-orange-900)", - }, - yellow: { - 100: "var(--color-yellow-100)", - 200: "var(--color-yellow-200)", - 300: "var(--color-yellow-300)", - 400: "var(--color-yellow-400)", - 500: "var(--color-yellow-500)", - 600: "var(--color-yellow-600)", - 700: "var(--color-yellow-700)", - 800: "var(--color-yellow-800)", - 900: "var(--color-yellow-900)", - }, - green: { - 100: "var(--color-green-100)", - 200: "var(--color-green-200)", - 300: "var(--color-green-300)", - 400: "var(--color-green-400)", - 500: "var(--color-green-500)", - 600: "var(--color-green-600)", - 700: "var(--color-green-700)", - 800: "var(--color-green-800)", - 900: "var(--color-green-900)", - }, - teal: { - 100: "var(--color-teal-100)", - 200: "var(--color-teal-200)", - 300: "var(--color-teal-300)", - 400: "var(--color-teal-400)", - 500: "var(--color-teal-500)", - 600: "var(--color-teal-600)", - 700: "var(--color-teal-700)", - 800: "var(--color-teal-800)", - 900: "var(--color-teal-900)", - }, - blue: { - 100: "var(--color-blue-100)", - 200: "var(--color-blue-200)", - 300: "var(--color-blue-300)", - 400: "var(--color-blue-400)", - 500: "var(--color-blue-500)", - 600: "var(--color-blue-600)", - 700: "var(--color-blue-700)", - 800: "var(--color-blue-800)", - 900: "var(--color-blue-900)", - }, - indigo: { - 100: "var(--color-indigo-100)", - 200: "var(--color-indigo-200)", - 300: "var(--color-indigo-300)", - 400: "var(--color-indigo-400)", - 500: "var(--color-indigo-500)", - 600: "var(--color-indigo-600)", - 700: "var(--color-indigo-700)", - 800: "var(--color-indigo-800)", - 900: "var(--color-indigo-900)", - }, - purple: { - 100: "var(--color-purple-100)", - 200: "var(--color-purple-200)", - 300: "var(--color-purple-300)", - 400: "var(--color-purple-400)", - 500: "var(--color-purple-500)", - 600: "var(--color-purple-600)", - 700: "var(--color-purple-700)", - 800: "var(--color-purple-800)", - 900: "var(--color-purple-900)", - }, - pink: { - 100: "var(--color-pink-100)", - 200: "var(--color-pink-200)", - 300: "var(--color-pink-300)", - 400: "var(--color-pink-400)", - 500: "var(--color-pink-500)", - 600: "var(--color-pink-600)", - 700: "var(--color-pink-700)", - 800: "var(--color-pink-800)", - 900: "var(--color-pink-900)", - }, - }, - spacing: { - px: "1px", - 0: "var(--spacing-0)", - 1: "var(--spacing-1)", - 2: "var(--spacing-2)", - 3: "var(--spacing-3)", - 4: "var(--spacing-4)", - 5: "var(--spacing-5)", - 6: "var(--spacing-6)", - 8: "var(--spacing-8)", - 10: "var(--spacing-10)", - 12: "var(--spacing-12)", - 16: "var(--spacing-16)", - 20: "var(--spacing-20)", - 24: "var(--spacing-24)", - 32: "var(--spacing-32)", - 40: "var(--spacing-40)", - 48: "var(--spacing-48)", - 56: "var(--spacing-56)", - 64: "var(--spacing-64)", - }, - backgroundColor: (theme) => ({ - ...theme("colors"), - primary: "var(--bg-primary)", - secondary: "var(--bg-secondary)", - }), - backgroundPosition: { - bottom: "bottom", - center: "center", - left: "left", - "left-bottom": "left bottom", - "left-top": "left top", - right: "right", - "right-bottom": "right bottom", - "right-top": "right top", - top: "top", - }, - backgroundSize: { - auto: "auto", - cover: "cover", - contain: "contain", - }, - borderColor: (theme) => ({ - ...theme("colors"), - default: theme("colors.gray.300", "currentColor"), - }), - borderRadius: { - none: "0", - sm: "0.125rem", - default: "0.25rem", - lg: "0.5rem", - full: "9999px", - }, - borderWidth: { - default: "1px", - 0: "0", - 2: "2px", - 4: "4px", - 8: "8px", - }, - boxShadow: { - default: - "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)", - md: - "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", - lg: - "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)", - xl: - "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", - "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)", - inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)", - outline: "0 0 0 3px rgba(66, 153, 225, 0.5)", - none: "none", - }, - container: {}, - cursor: { - auto: "auto", - default: "default", - pointer: "pointer", - wait: "wait", - text: "text", - move: "move", - "not-allowed": "not-allowed", - }, - fill: { - current: "currentColor", - }, - flex: { - 1: "1 1 0%", - auto: "1 1 auto", - initial: "0 1 auto", - none: "none", - }, - flexGrow: { - 0: "0", - default: "1", - }, - flexShrink: { - 0: "0", - default: "1", - }, - fontFamily: { - sans: "var(--font-sans)", - serif: "var(--font-serif)", - mono: "var(--font-mono)", - }, - fontSize: { - sm: "var(--font-size-sm)", - base: "var(--font-size-base)", - lg: "var(--font-size-lg)", - xl: "var(--font-size-xl)", - "2xl": "var(--font-size-2xl)", - "3xl": "var(--font-size-3xl)", - "4xl": "var(--font-size-4xl)", - "5xl": "var(--font-size-5xl)", - "6xl": "var(--font-size-6xl)", - }, - fontWeight: { - hairline: "100", - thin: "200", - light: "300", - normal: "400", - medium: "500", - semibold: "600", - bold: "700", - extrabold: "800", - black: "900", - }, - height: (theme) => ({ - auto: "auto", - ...theme("spacing"), - full: "100%", - screen: "100vh", - }), - inset: { - 0: "0", - auto: "auto", - }, - letterSpacing: { - tighter: "-0.05em", - tight: "-0.025em", - normal: "0", - wide: "0.025em", - wider: "0.05em", - widest: "0.1em", - }, - lineHeight: { - none: "1", - tight: "1.25", - snug: "1.375", - normal: "1.5", - relaxed: "1.625", - loose: "2", - }, - listStyleType: { - none: "none", - disc: "disc", - decimal: "decimal", - }, - margin: (theme, { negative }) => ({ - auto: "auto", - ...theme("spacing"), - ...negative(theme("spacing")), - }), - maxHeight: { - full: "100%", - screen: "100vh", - }, - maxWidth: { - xs: "20rem", - sm: "24rem", - md: "28rem", - lg: "32rem", - xl: "36rem", - "2xl": "42rem", - "3xl": "48rem", - "4xl": "56rem", - "5xl": "64rem", - "6xl": "72rem", - full: "100%", - }, - minHeight: { - 0: "0", - full: "100%", - screen: "100vh", - 1: "1px", - }, - minWidth: { - 0: "0", - full: "100%", - }, - objectPosition: { - bottom: "bottom", - center: "center", - left: "left", - "left-bottom": "left bottom", - "left-top": "left top", - right: "right", - "right-bottom": "right bottom", - "right-top": "right top", - top: "top", - }, - opacity: { - 0: "0", - 25: "0.25", - 50: "0.5", - 75: "0.75", - 100: "1", - }, - order: { - first: "-9999", - last: "9999", - none: "0", - 1: "1", - 2: "2", - 3: "3", - 4: "4", - 5: "5", - 6: "6", - 7: "7", - 8: "8", - 9: "9", - 10: "10", - 11: "11", - 12: "12", - }, - padding: (theme) => theme("spacing"), - stroke: { - current: "currentColor", - }, - textColor: (theme) => theme("colors"), - width: (theme) => ({ - auto: "auto", - ...theme("spacing"), - "1/2": "50%", - "1/3": "33.33333%", - "2/3": "66.66667%", - "1/4": "25%", - "2/4": "50%", - "3/4": "75%", - "1/5": "20%", - "2/5": "40%", - "3/5": "60%", - "4/5": "80%", - "1/6": "16.66667%", - "2/6": "33.33333%", - "3/6": "50%", - "4/6": "66.66667%", - "5/6": "83.33333%", - "1/12": "8.33333%", - "2/12": "16.66667%", - "3/12": "25%", - "4/12": "33.33333%", - "5/12": "41.66667%", - "6/12": "50%", - "7/12": "58.33333%", - "8/12": "66.66667%", - "9/12": "75%", - "10/12": "83.33333%", - "11/12": "91.66667%", - full: "100%", - screen: "100vw", - }), - zIndex: { - auto: "auto", - 0: "0", - 10: "10", - 20: "20", - 30: "30", - 40: "40", - 50: "50", - }, - }, - variants: { - alignContent: ["responsive"], - alignItems: ["responsive"], - alignSelf: ["responsive"], - aspectRatio: ["responsive"], - appearance: ["responsive"], - backgroundAttachment: ["responsive"], - backgroundColor: ["responsive", "hover", "focus"], - backgroundPosition: ["responsive"], - backgroundRepeat: ["responsive"], - backgroundSize: ["responsive"], - borderCollapse: ["responsive"], - borderColor: ["responsive", "hover", "focus"], - borderRadius: ["responsive"], - borderStyle: ["responsive"], - borderWidth: ["responsive"], - boxShadow: ["responsive", "hover", "focus"], - cursor: ["responsive"], - display: ["responsive"], - fill: ["responsive"], - flex: ["responsive"], - flexDirection: ["responsive"], - flexGrow: ["responsive"], - flexShrink: ["responsive"], - flexWrap: ["responsive"], - float: ["responsive"], - fontFamily: ["responsive"], - fontSize: ["responsive"], - fontSmoothing: ["responsive"], - fontStyle: ["responsive"], - fontWeight: ["responsive", "hover", "focus"], - height: ["responsive"], - inset: ["responsive"], - justifyContent: ["responsive"], - letterSpacing: ["responsive"], - lineHeight: ["responsive"], - listStylePosition: ["responsive"], - listStyleType: ["responsive"], - margin: ["responsive"], - maxHeight: ["responsive"], - maxWidth: ["responsive"], - minHeight: ["responsive"], - minWidth: ["responsive"], - objectFit: ["responsive"], - objectPosition: ["responsive"], - opacity: ["responsive"], - order: ["responsive"], - outline: ["responsive", "focus"], - overflow: ["responsive"], - padding: ["responsive"], - pointerEvents: ["responsive"], - position: ["responsive"], - resize: ["responsive"], - stroke: ["responsive"], - tableLayout: ["responsive"], - textAlign: ["responsive"], - textColor: ["responsive", "hover", "focus"], - textDecoration: ["responsive", "hover", "focus"], - textTransform: ["responsive"], - userSelect: ["responsive"], - verticalAlign: ["responsive"], - visibility: ["responsive"], - whitespace: ["responsive"], - width: ["responsive"], - wordBreak: ["responsive"], - zIndex: ["responsive"], - }, - corePlugins: {}, - plugins: [ - require("tailwindcss-aspect-ratio"), - require("tailwindcss-transitions")({ - variants: ["responsive"], - properties: { - opacity: "opacity", - height: "height", - }, - durations: { - default: "200ms", - 100: "100ms", - 200: "200ms", - 300: "300ms", - 400: "400ms", - 500: "500ms", - }, - timingFunctions: { - default: "ease", - ease: "ease", - linear: "linear", - }, - delays: { - none: "0s", - }, - willChange: { - opacity: "opacity", - transform: "transform", - }, - }), - ], + gray: { + 100: "var(--color-gray-100)", + 200: "var(--color-gray-200)", + 300: "var(--color-gray-300)", + 400: "var(--color-gray-400)", + 500: "var(--color-gray-500)", + 600: "var(--color-gray-600)", + 700: "var(--color-gray-700)", + 800: "var(--color-gray-800)", + 900: "var(--color-gray-900)", + }, + red: { + 100: "var(--color-red-100)", + 200: "var(--color-red-200)", + 300: "var(--color-red-300)", + 400: "var(--color-red-400)", + 500: "var(--color-red-500)", + 600: "var(--color-red-600)", + 700: "var(--color-red-700)", + 800: "var(--color-red-800)", + 900: "var(--color-red-900)", + }, + orange: { + 100: "var(--color-orange-100)", + 200: "var(--color-orange-200)", + 300: "var(--color-orange-300)", + 400: "var(--color-orange-400)", + 500: "var(--color-orange-500)", + 600: "var(--color-orange-600)", + 700: "var(--color-orange-700)", + 800: "var(--color-orange-800)", + 900: "var(--color-orange-900)", + }, + yellow: { + 100: "var(--color-yellow-100)", + 200: "var(--color-yellow-200)", + 300: "var(--color-yellow-300)", + 400: "var(--color-yellow-400)", + 500: "var(--color-yellow-500)", + 600: "var(--color-yellow-600)", + 700: "var(--color-yellow-700)", + 800: "var(--color-yellow-800)", + 900: "var(--color-yellow-900)", + }, + green: { + 100: "var(--color-green-100)", + 200: "var(--color-green-200)", + 300: "var(--color-green-300)", + 400: "var(--color-green-400)", + 500: "var(--color-green-500)", + 600: "var(--color-green-600)", + 700: "var(--color-green-700)", + 800: "var(--color-green-800)", + 900: "var(--color-green-900)", + }, + teal: { + 100: "var(--color-teal-100)", + 200: "var(--color-teal-200)", + 300: "var(--color-teal-300)", + 400: "var(--color-teal-400)", + 500: "var(--color-teal-500)", + 600: "var(--color-teal-600)", + 700: "var(--color-teal-700)", + 800: "var(--color-teal-800)", + 900: "var(--color-teal-900)", + }, + blue: { + 100: "var(--color-blue-100)", + 200: "var(--color-blue-200)", + 300: "var(--color-blue-300)", + 400: "var(--color-blue-400)", + 500: "var(--color-blue-500)", + 600: "var(--color-blue-600)", + 700: "var(--color-blue-700)", + 800: "var(--color-blue-800)", + 900: "var(--color-blue-900)", + }, + indigo: { + 100: "var(--color-indigo-100)", + 200: "var(--color-indigo-200)", + 300: "var(--color-indigo-300)", + 400: "var(--color-indigo-400)", + 500: "var(--color-indigo-500)", + 600: "var(--color-indigo-600)", + 700: "var(--color-indigo-700)", + 800: "var(--color-indigo-800)", + 900: "var(--color-indigo-900)", + }, + purple: { + 100: "var(--color-purple-100)", + 200: "var(--color-purple-200)", + 300: "var(--color-purple-300)", + 400: "var(--color-purple-400)", + 500: "var(--color-purple-500)", + 600: "var(--color-purple-600)", + 700: "var(--color-purple-700)", + 800: "var(--color-purple-800)", + 900: "var(--color-purple-900)", + }, + pink: { + 100: "var(--color-pink-100)", + 200: "var(--color-pink-200)", + 300: "var(--color-pink-300)", + 400: "var(--color-pink-400)", + 500: "var(--color-pink-500)", + 600: "var(--color-pink-600)", + 700: "var(--color-pink-700)", + 800: "var(--color-pink-800)", + 900: "var(--color-pink-900)", + }, + }, + spacing: { + px: "1px", + 0: "var(--spacing-0)", + 1: "var(--spacing-1)", + 2: "var(--spacing-2)", + 3: "var(--spacing-3)", + 4: "var(--spacing-4)", + 5: "var(--spacing-5)", + 6: "var(--spacing-6)", + 8: "var(--spacing-8)", + 10: "var(--spacing-10)", + 12: "var(--spacing-12)", + 16: "var(--spacing-16)", + 20: "var(--spacing-20)", + 24: "var(--spacing-24)", + 32: "var(--spacing-32)", + 40: "var(--spacing-40)", + 48: "var(--spacing-48)", + 56: "var(--spacing-56)", + 64: "var(--spacing-64)", + }, + backgroundColor: (theme) => ({ + ...theme("colors"), + primary: "var(--bg-primary)", + secondary: "var(--bg-secondary)", + }), + backgroundPosition: { + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", + }, + backgroundSize: { + auto: "auto", + cover: "cover", + contain: "contain", + }, + borderColor: (theme) => ({ + ...theme("colors"), + default: theme("colors.gray.300", "currentColor"), + }), + borderRadius: { + none: "0", + sm: "0.125rem", + default: "0.25rem", + lg: "0.5rem", + full: "9999px", + }, + borderWidth: { + default: "1px", + 0: "0", + 2: "2px", + 4: "4px", + 8: "8px", + }, + boxShadow: { + default: + "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)", + md: + "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", + lg: + "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)", + xl: + "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", + "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)", + inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)", + outline: "0 0 0 3px rgba(66, 153, 225, 0.5)", + none: "none", + }, + container: {}, + cursor: { + auto: "auto", + default: "default", + pointer: "pointer", + wait: "wait", + text: "text", + move: "move", + "not-allowed": "not-allowed", + }, + fill: { + current: "currentColor", + }, + flex: { + 1: "1 1 0%", + auto: "1 1 auto", + initial: "0 1 auto", + none: "none", + }, + flexGrow: { + 0: "0", + default: "1", + }, + flexShrink: { + 0: "0", + default: "1", + }, + fontFamily: { + sans: "var(--font-sans)", + serif: "var(--font-serif)", + mono: "var(--font-mono)", + }, + fontSize: { + sm: "var(--font-size-sm)", + base: "var(--font-size-base)", + lg: "var(--font-size-lg)", + xl: "var(--font-size-xl)", + "2xl": "var(--font-size-2xl)", + "3xl": "var(--font-size-3xl)", + "4xl": "var(--font-size-4xl)", + "5xl": "var(--font-size-5xl)", + "6xl": "var(--font-size-6xl)", + }, + fontWeight: { + hairline: "100", + thin: "200", + light: "300", + normal: "400", + medium: "500", + semibold: "600", + bold: "700", + extrabold: "800", + black: "900", + }, + height: (theme) => ({ + auto: "auto", + ...theme("spacing"), + full: "100%", + screen: "100vh", + }), + inset: { + 0: "0", + auto: "auto", + }, + letterSpacing: { + tighter: "-0.05em", + tight: "-0.025em", + normal: "0", + wide: "0.025em", + wider: "0.05em", + widest: "0.1em", + }, + lineHeight: { + none: "1", + tight: "1.25", + snug: "1.375", + normal: "1.5", + relaxed: "1.625", + loose: "2", + }, + listStyleType: { + none: "none", + disc: "disc", + decimal: "decimal", + }, + margin: (theme, { negative }) => ({ + auto: "auto", + ...theme("spacing"), + ...negative(theme("spacing")), + }), + maxHeight: { + full: "100%", + screen: "100vh", + }, + maxWidth: { + xs: "20rem", + sm: "24rem", + md: "28rem", + lg: "32rem", + xl: "36rem", + "2xl": "42rem", + "3xl": "48rem", + "4xl": "56rem", + "5xl": "64rem", + "6xl": "72rem", + full: "100%", + }, + minHeight: { + 0: "0", + full: "100%", + screen: "100vh", + 1: "1px", + }, + minWidth: { + 0: "0", + full: "100%", + }, + objectPosition: { + bottom: "bottom", + center: "center", + left: "left", + "left-bottom": "left bottom", + "left-top": "left top", + right: "right", + "right-bottom": "right bottom", + "right-top": "right top", + top: "top", + }, + opacity: { + 0: "0", + 25: "0.25", + 50: "0.5", + 75: "0.75", + 100: "1", + }, + order: { + first: "-9999", + last: "9999", + none: "0", + 1: "1", + 2: "2", + 3: "3", + 4: "4", + 5: "5", + 6: "6", + 7: "7", + 8: "8", + 9: "9", + 10: "10", + 11: "11", + 12: "12", + }, + padding: (theme) => theme("spacing"), + stroke: { + current: "currentColor", + }, + textColor: (theme) => theme("colors"), + width: (theme) => ({ + auto: "auto", + ...theme("spacing"), + "1/2": "50%", + "1/3": "33.33333%", + "2/3": "66.66667%", + "1/4": "25%", + "2/4": "50%", + "3/4": "75%", + "1/5": "20%", + "2/5": "40%", + "3/5": "60%", + "4/5": "80%", + "1/6": "16.66667%", + "2/6": "33.33333%", + "3/6": "50%", + "4/6": "66.66667%", + "5/6": "83.33333%", + "1/12": "8.33333%", + "2/12": "16.66667%", + "3/12": "25%", + "4/12": "33.33333%", + "5/12": "41.66667%", + "6/12": "50%", + "7/12": "58.33333%", + "8/12": "66.66667%", + "9/12": "75%", + "10/12": "83.33333%", + "11/12": "91.66667%", + full: "100%", + screen: "100vw", + }), + zIndex: { + auto: "auto", + 0: "0", + 10: "10", + 20: "20", + 30: "30", + 40: "40", + 50: "50", + }, + }, + variants: { + alignContent: ["responsive"], + alignItems: ["responsive"], + alignSelf: ["responsive"], + aspectRatio: ["responsive"], + appearance: ["responsive"], + backgroundAttachment: ["responsive"], + backgroundColor: ["responsive", "hover", "focus"], + backgroundPosition: ["responsive"], + backgroundRepeat: ["responsive"], + backgroundSize: ["responsive"], + borderCollapse: ["responsive"], + borderColor: ["responsive", "hover", "focus"], + borderRadius: ["responsive"], + borderStyle: ["responsive"], + borderWidth: ["responsive"], + boxShadow: ["responsive", "hover", "focus"], + cursor: ["responsive"], + display: ["responsive"], + fill: ["responsive"], + flex: ["responsive"], + flexDirection: ["responsive"], + flexGrow: ["responsive"], + flexShrink: ["responsive"], + flexWrap: ["responsive"], + float: ["responsive"], + fontFamily: ["responsive"], + fontSize: ["responsive"], + fontSmoothing: ["responsive"], + fontStyle: ["responsive"], + fontWeight: ["responsive", "hover", "focus"], + height: ["responsive"], + inset: ["responsive"], + justifyContent: ["responsive"], + letterSpacing: ["responsive"], + lineHeight: ["responsive"], + listStylePosition: ["responsive"], + listStyleType: ["responsive"], + margin: ["responsive"], + maxHeight: ["responsive"], + maxWidth: ["responsive"], + minHeight: ["responsive"], + minWidth: ["responsive"], + objectFit: ["responsive"], + objectPosition: ["responsive"], + opacity: ["responsive"], + order: ["responsive"], + outline: ["responsive", "focus"], + overflow: ["responsive"], + padding: ["responsive"], + pointerEvents: ["responsive"], + position: ["responsive"], + resize: ["responsive"], + stroke: ["responsive"], + tableLayout: ["responsive"], + textAlign: ["responsive"], + textColor: ["responsive", "hover", "focus"], + textDecoration: ["responsive", "hover", "focus"], + textTransform: ["responsive"], + userSelect: ["responsive"], + verticalAlign: ["responsive"], + visibility: ["responsive"], + whitespace: ["responsive"], + width: ["responsive"], + wordBreak: ["responsive"], + zIndex: ["responsive"], + }, + corePlugins: {}, + plugins: [ + require("tailwindcss-aspect-ratio"), + require("tailwindcss-transitions")({ + variants: ["responsive"], + properties: { + opacity: "opacity", + height: "height", + }, + durations: { + default: "200ms", + 100: "100ms", + 200: "200ms", + 300: "300ms", + 400: "400ms", + 500: "500ms", + }, + timingFunctions: { + default: "ease", + ease: "ease", + linear: "linear", + }, + delays: { + none: "0s", + }, + willChange: { + opacity: "opacity", + transform: "transform", + }, + }), + ], }; diff --git a/variation-fragments/background/background-color.json b/variation-fragments/background/background-color.json index 9f9cbd745..121cd1025 100644 --- a/variation-fragments/background/background-color.json +++ b/variation-fragments/background/background-color.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "color", - "bgcolor": "#ff80c0" + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "color", + "bgcolor": "#ff80c0" } diff --git a/variation-fragments/background/background-gradient.json b/variation-fragments/background/background-gradient.json index 005d3a4f6..5dfd59461 100644 --- a/variation-fragments/background/background-gradient.json +++ b/variation-fragments/background/background-gradient.json @@ -1,7 +1,7 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "gradient", - "bgcolor": "#ff8040", - "color2": "#0080ff" + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "gradient", + "bgcolor": "#ff8040", + "color2": "#0080ff" } diff --git a/variation-fragments/background/background-image.json b/variation-fragments/background/background-image.json index 033861b19..beb6c1e9b 100644 --- a/variation-fragments/background/background-image.json +++ b/variation-fragments/background/background-image.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "image", - "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "image", + "bgimage": "/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" } diff --git a/variation-fragments/background/background-none.json b/variation-fragments/background/background-none.json index 427208a8b..484b8f4bf 100644 --- a/variation-fragments/background/background-none.json +++ b/variation-fragments/background/background-none.json @@ -1,3 +1,3 @@ { - "custombackground": "false" + "custombackground": "false" } diff --git a/variation-fragments/background/background-video.json b/variation-fragments/background/background-video.json index f35bc713b..42128bde3 100644 --- a/variation-fragments/background/background-video.json +++ b/variation-fragments/background/background-video.json @@ -1,6 +1,6 @@ { - "custombackground": "true", - "bgsize": "cover", - "backgroundtype": "video", - "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM" + "custombackground": "true", + "bgsize": "cover", + "backgroundtype": "video", + "bgvideo": "https://www.youtube.com/embed/Ju86mknumYM" } diff --git a/variation-fragments/colorscheme/colorscheme-dark.json b/variation-fragments/colorscheme/colorscheme-dark.json index b9b276a6a..0c3894b9c 100644 --- a/variation-fragments/colorscheme/colorscheme-dark.json +++ b/variation-fragments/colorscheme/colorscheme-dark.json @@ -1,3 +1,3 @@ { - "colorscheme": "dark" + "colorscheme": "dark" } diff --git a/variation-fragments/colorscheme/colorscheme-light.json b/variation-fragments/colorscheme/colorscheme-light.json index 74324aab1..8480e3ac1 100644 --- a/variation-fragments/colorscheme/colorscheme-light.json +++ b/variation-fragments/colorscheme/colorscheme-light.json @@ -1,3 +1,3 @@ { - "colorscheme": "light" + "colorscheme": "light" } diff --git a/variation-fragments/colorscheme/colorscheme-none.json b/variation-fragments/colorscheme/colorscheme-none.json index 2414972dd..e277b52c4 100644 --- a/variation-fragments/colorscheme/colorscheme-none.json +++ b/variation-fragments/colorscheme/colorscheme-none.json @@ -1,3 +1,3 @@ { - "colorscheme": "" + "colorscheme": "" } diff --git a/variation-fragments/fullheight/fullheight-false.json b/variation-fragments/fullheight/fullheight-false.json index dad738491..cbec74307 100644 --- a/variation-fragments/fullheight/fullheight-false.json +++ b/variation-fragments/fullheight/fullheight-false.json @@ -1,3 +1,3 @@ { - "fullheight": "false" + "fullheight": "false" } diff --git a/variation-fragments/fullheight/fullheight-true.json b/variation-fragments/fullheight/fullheight-true.json index 99542c3c4..6564b0048 100644 --- a/variation-fragments/fullheight/fullheight-true.json +++ b/variation-fragments/fullheight/fullheight-true.json @@ -1,3 +1,3 @@ { - "fullheight": "true" + "fullheight": "true" } From 285c4927d28ac85a724dc0ad68cace9161ff64a8 Mon Sep 17 00:00:00 2001 From: Ruben Reusser Date: Wed, 14 Apr 2021 11:22:58 -0700 Subject: [PATCH 3/3] added xml plugin to prettier and ran formatting --- core/pom.xml | 20 +- pom.xml | 21 +- ui.apps/pom.xml | 33 +- .../main/content/META-INF/vault/filter.xml | 8 +- .../main/content/META-INF/vault/settings.xml | 6 +- .../jcr_root/apps/themecleanflex/.content.xml | 12 +- .../components/accordion/.content.xml | 293 +- .../components/block/.content.xml | 14 +- .../components/breadcrumb/.content.xml | 21 +- .../components/cards/.content.xml | 225 +- .../components/carousel/.content.xml | 137 +- .../components/code/.content.xml | 32 +- .../components/container/.content.xml | 15 +- .../components/containerblock/.content.xml | 15 +- .../components/footer/.content.xml | 233 +- .../components/header/.content.xml | 120 +- .../components/media/.content.xml | 16 +- .../components/mediablock/.content.xml | 52 +- .../components/mediavisible/.content.xml | 16 +- .../components/menubuttons/.content.xml | 34 +- .../components/navigation/.content.xml | 34 +- .../components/note/.content.xml | 131 +- .../components/page/.content.xml | 16 +- .../components/pagelist/.content.xml | 34 +- .../components/pagelistnested/.content.xml | 15 +- .../components/pager/.content.xml | 35 +- .../components/quote/.content.xml | 80 +- .../components/reference/.content.xml | 15 +- .../components/richtext/.content.xml | 60 +- .../components/simpletext/.content.xml | 56 +- .../components/socialicons/.content.xml | 48 +- .../components/spacer/.content.xml | 36 +- .../components/tabs/.content.xml | 141 +- .../components/tags/.content.xml | 20 +- .../components/teaserhorizontal/.content.xml | 108 +- .../components/teaservertical/.content.xml | 192 +- .../components/textlinks/.content.xml | 34 +- .../apps/themecleanflex/install/.content.xml | 10 +- .../content/themecleanflex/.content.xml | 15 +- .../themecleanflex/assets/.content.xml | 26 +- .../themecleanflex/assets/icons/.content.xml | 43 +- .../assets/icons/facebook.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/google.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/instagram.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../icons/launcher-icon-1x.png/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../icons/launcher-icon-2x.png/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../icons/launcher-icon-4x.png/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/linkedin.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/pinterest.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/telegram.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/tumblr.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/twitch.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/twitter.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/yammer.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/yelp.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/icons/youtube.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/placeholders/.content.xml | 23 +- .../assets/placeholders/16x9.png/.content.xml | 26 +- .../_jcr_content/metadata/.content.xml | 9 +- .../metadata/per-data/.content.xml | 13 +- .../metadata/png-gama/.content.xml | 11 +- .../metadata/png-ihdr/.content.xml | 11 +- .../metadata/png-phys/.content.xml | 15 +- .../metadata/png-srgb/.content.xml | 11 +- .../assets/placeholders/1x1.png/.content.xml | 26 +- .../_jcr_content/metadata/.content.xml | 9 +- .../metadata/per-data/.content.xml | 13 +- .../metadata/png-gama/.content.xml | 11 +- .../metadata/png-ihdr/.content.xml | 11 +- .../metadata/png-phys/.content.xml | 15 +- .../metadata/png-srgb/.content.xml | 11 +- .../assets/placeholders/man.jpg/.content.xml | 26 +- .../_jcr_content/metadata/.content.xml | 9 +- .../metadata/adobe_jpeg/.content.xml | 17 +- .../_jcr_content/metadata/ducky/.content.xml | 11 +- .../metadata/huffman/.content.xml | 11 +- .../_jcr_content/metadata/jpeg/.content.xml | 25 +- .../metadata/per-data/.content.xml | 13 +- .../_jcr_content/metadata/xmp/.content.xml | 11 +- .../placeholders/woman.jpg/.content.xml | 26 +- .../_jcr_content/metadata/.content.xml | 9 +- .../metadata/adobe_jpeg/.content.xml | 17 +- .../_jcr_content/metadata/ducky/.content.xml | 11 +- .../metadata/huffman/.content.xml | 11 +- .../_jcr_content/metadata/jpeg/.content.xml | 25 +- .../metadata/per-data/.content.xml | 13 +- .../_jcr_content/metadata/xmp/.content.xml | 11 +- .../assets/samples/.content.xml | 18 +- .../samples/aerial-sailboat.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../assets/samples/anchored.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../beach-boats-ocean_large.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../beach-boats-ocean_small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/close-up-cordage.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../harbor-sunet_large.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../harbot-sunet_small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/heel_large.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/heel_small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/oldboat_large.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/oldboat_small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/organized-lg.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/organized-small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/peregrine-logo.svg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../sailing-lake_large.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../sailing-lake_small.jpg/.content.xml | 18 +- .../_jcr_content/metadata/.content.xml | 9 +- .../samples/sample-logo.png/.content.xml | 26 +- .../_jcr_content/metadata/.content.xml | 9 +- .../metadata/per-data/.content.xml | 13 +- .../metadata/png-ihdr/.content.xml | 11 +- .../metadata/png-plte/.content.xml | 11 +- .../metadata/png-text/.content.xml | 11 +- .../metadata/png-trns/.content.xml | 11 +- .../_jcr_content/metadata/xmp/.content.xml | 11 +- .../object-definitions/.content.xml | 13 +- .../themecleanflex/objects/.content.xml | 26 +- .../themecleanflex/objects/tags/.content.xml | 11 +- .../content/themecleanflex/pages/.content.xml | 75 +- .../pages/articles/.content.xml | 152 +- .../pages/articles/welcome/.content.xml | 254 +- .../themecleanflex/pages/authors/.content.xml | 132 +- .../pages/authors/nicole-ford/.content.xml | 215 +- .../themecleanflex/pages/css/.content.xml | 24 +- .../pages/css/palettes/.content.xml | 23 +- .../themecleanflex/pages/errors/.content.xml | 57 +- .../pages/errors/404/.content.xml | 53 +- .../themecleanflex/pages/index/.content.xml | 423 +-- .../themecleanflex/pages/js/.content.xml | 24 +- .../themecleanflex/pages/library/.content.xml | 605 ++-- .../pages/library/accordion/.content.xml | 554 +++- .../sample-accordiondark/.content.xml | 1576 +++++++--- .../sample-accordionmedia/.content.xml | 1605 +++++++--- .../library/accordion/sample-bg/.content.xml | 1738 ++++++++--- .../accordion/sample-blank/.content.xml | 949 ++++-- .../library/accordion/sample-rte/.content.xml | 1663 ++++++++--- .../accordion/sample-toggle/.content.xml | 1663 ++++++++--- .../accordion/sample-togglemedia/.content.xml | 1634 +++++++--- .../library/accordion/sample/.content.xml | 1663 ++++++++--- .../pages/library/block/.content.xml | 171 +- .../pages/library/breadcrumb/.content.xml | 197 +- .../library/breadcrumb/sample/.content.xml | 1065 ++++--- .../pages/library/cards/.content.xml | 441 ++- .../library/cards/sample-blank/.content.xml | 1065 +++++-- .../sample-cardsnobackground/.content.xml | 2562 +++++++++++++--- .../library/cards/sample-rte/.content.xml | 2156 +++++++++++--- .../pages/library/cards/sample/.content.xml | 2620 ++++++++++++++--- .../pages/library/carousel/.content.xml | 362 ++- .../carousel/sample-blank/.content.xml | 949 ++++-- .../library/carousel/sample-owl/.content.xml | 1732 +++++++---- .../library/carousel/sample-rte/.content.xml | 1674 ++++++++--- .../library/carousel/sample/.content.xml | 1732 ++++++++--- .../pages/library/code/.content.xml | 219 +- .../library/code/sample-blank/.content.xml | 1007 +++++-- .../pages/library/code/sample/.content.xml | 1007 +++++-- .../pages/library/container/.content.xml | 193 +- .../library/container/sample/.content.xml | 949 ++++-- .../pages/library/containerblock/.content.xml | 193 +- .../containerblock/sample/.content.xml | 949 ++++-- .../pages/library/footer/.content.xml | 452 ++- .../library/footer/sample-blank/.content.xml | 949 ++++-- .../library/footer/sample-light/.content.xml | 2539 ++++++++++++---- .../library/footer/sample-rte/.content.xml | 2539 ++++++++++++---- .../pages/library/footer/sample/.content.xml | 2539 ++++++++++++---- .../pages/library/header/.content.xml | 329 ++- .../library/header/sample-blank/.content.xml | 949 ++++-- .../library/header/sample-dark/.content.xml | 1895 +++++++++--- .../pages/library/header/sample/.content.xml | 1895 +++++++++--- .../pages/library/media/.content.xml | 171 +- .../pages/library/mediablock/.content.xml | 271 +- .../mediablock/sample-blank/.content.xml | 949 ++++-- .../mediablock/sample-image/.content.xml | 1100 +++++-- .../library/mediablock/sample/.content.xml | 1100 +++++-- .../pages/library/mediavisible/.content.xml | 171 +- .../pages/library/menubuttons/.content.xml | 211 +- .../library/menubuttons/sample/.content.xml | 1471 ++++++--- .../pages/library/navigation/.content.xml | 241 +- .../navigation/sample-blank/.content.xml | 949 ++++-- .../library/navigation/sample/.content.xml | 1065 +++++-- .../pages/library/note/.content.xml | 400 ++- .../library/note/sample-blank/.content.xml | 949 ++++-- .../library/note/sample-caution/.content.xml | 1065 +++++-- .../note/sample-important/.content.xml | 1065 +++++-- .../library/note/sample-note/.content.xml | 1065 +++++-- .../library/note/sample-rte/.content.xml | 1036 +++++-- .../library/note/sample-tip/.content.xml | 1065 +++++-- .../note/sample-warning-dark/.content.xml | 1065 +++++-- .../library/note/sample-warning/.content.xml | 1065 +++++-- .../pages/library/note/sample/.content.xml | 1036 +++++-- .../pages/library/pagelist/.content.xml | 241 +- .../pagelist/sample-blank/.content.xml | 949 ++++-- .../library/pagelist/sample/.content.xml | 1065 +++++-- .../pages/library/pagelistnested/.content.xml | 193 +- .../pagelistnested/sample/.content.xml | 949 ++++-- .../pages/library/pager/.content.xml | 242 +- .../library/pager/sample-blank/.content.xml | 949 ++++-- .../pages/library/pager/sample/.content.xml | 1065 +++++-- .../pages/library/quote/.content.xml | 301 +- .../library/quote/sample-blank/.content.xml | 949 ++++-- .../quote/sample-blockquote/.content.xml | 1094 +++++-- .../quote/sample-largequote/.content.xml | 1094 +++++-- .../library/quote/sample-rte/.content.xml | 1094 +++++-- .../pages/library/quote/sample/.content.xml | 1094 +++++-- .../pages/library/richtext/.content.xml | 291 +- .../richtext/sample-allstyles/.content.xml | 978 ++++-- .../richtext/sample-blank/.content.xml | 949 ++++-- .../richtext/sample-media/.content.xml | 1181 ++++++-- .../library/richtext/sample/.content.xml | 978 ++++-- .../pages/library/simpletext/.content.xml | 288 +- .../simpletext/sample-blank/.content.xml | 978 ++++-- .../library/simpletext/sample-h1/.content.xml | 1007 +++++-- .../library/simpletext/sample-h2/.content.xml | 1007 +++++-- .../library/simpletext/sample/.content.xml | 1007 +++++-- .../pages/library/socialicons/.content.xml | 223 +- .../library/socialicons/sample/.content.xml | 1819 +++++++++--- .../pages/library/spacer/.content.xml | 265 +- .../library/spacer/sample-blank/.content.xml | 978 ++++-- .../library/spacer/sample-image/.content.xml | 1007 +++++-- .../pages/library/spacer/sample/.content.xml | 978 ++++-- .../pages/library/tabs/.content.xml | 363 ++- .../library/tabs/sample-blank/.content.xml | 949 ++++-- .../library/tabs/sample-media/.content.xml | 1692 ++++++++--- .../library/tabs/sample-rte/.content.xml | 1663 ++++++++--- .../pages/library/tabs/sample/.content.xml | 1663 ++++++++--- .../pages/library/tags/.content.xml | 196 +- .../pages/library/tags/sample/.content.xml | 1036 +++++-- .../library/teaserhorizontal/.content.xml | 323 +- .../sample-blank/.content.xml | 949 ++++-- .../teaserhorizontal/sample-rte/.content.xml | 1808 +++++++++--- .../teaserhorizontal/sample/.content.xml | 1808 +++++++++--- .../pages/library/teaservertical/.content.xml | 427 ++- .../teaservertical/sample-blank/.content.xml | 949 ++++-- .../sample-mediateaser/.content.xml | 1895 +++++++++--- .../teaservertical/sample-rte/.content.xml | 1721 ++++++++--- .../sample-teaserfull/.content.xml | 1761 ++++++++--- .../teaservertical/sample/.content.xml | 1721 ++++++++--- .../pages/library/textlinks/.content.xml | 211 +- .../library/textlinks/sample/.content.xml | 1471 ++++++--- .../themecleanflex/pages/sitemap/.content.xml | 130 +- .../pages/skeleton-pages/.content.xml | 136 +- .../skeleton-pages/about-us/.content.xml | 353 +-- .../pages/skeleton-pages/article/.content.xml | 231 +- .../pages/skeleton-pages/author/.content.xml | 211 +- .../pages/skeleton-pages/team/.content.xml | 416 +-- .../themecleanflex/templates/.content.xml | 24 +- .../templates/blank/.content.xml | 25 +- .../templates/footer/.content.xml | 214 +- .../footer/header-footer/.content.xml | 130 +- .../footer/header-footer/article/.content.xml | 249 +- .../etc/felibs/themecleanflex/.content.xml | 15 +- 300 files changed, 88426 insertions(+), 33686 deletions(-) diff --git a/core/pom.xml b/core/pom.xml index 295b689f8..f5a7c9562 100644 --- a/core/pom.xml +++ b/core/pom.xml @@ -1,4 +1,4 @@ - + - + 4.0.0 @@ -52,8 +56,10 @@ true - *;scope=compile;inline=true - com.themecleanflex.models + *;scope=compile;inline=true + com.themecleanflex.models <_dsannotations>* <_metatypeannotations>* <_removeheaders> @@ -76,7 +82,8 @@ org.apache.sling maven-sling-plugin - http://${sling.host}:${sling.port}/system/console + http://${sling.host}:${sling.port}/system/console ${sling.user} ${sling.password} @@ -170,7 +177,8 @@ - org.apache.sling.scripting.sightly.compiler.java + org.apache.sling.scripting.sightly.compiler.java 1.0.8 org.apache.sling provided diff --git a/pom.xml b/pom.xml index f3b8de6f9..783e20de2 100644 --- a/pom.xml +++ b/pom.xml @@ -1,4 +1,4 @@ - + +--> + 4.0.0 @@ -49,7 +54,8 @@ admin admin UTF-8 - UTF-8 + UTF-8 2.5.3 3.0.1 3.0.2 @@ -138,11 +144,13 @@ - Project must be built with Maven 3.1.0 or higher + Project must be built with Maven 3.1.0 or higher [3.1.0,) - Project must be compiled with Java 7 or higher + Project must be compiled with Java 7 or higher 1.7.0 @@ -167,7 +175,8 @@ true - http://${sling.host}:${sling.port}/bin/cpm/ + http://${sling.host}:${sling.port}/bin/cpm/ ${sling.user} ${sling.password} true diff --git a/ui.apps/pom.xml b/ui.apps/pom.xml index 26c854cc5..da802e088 100644 --- a/ui.apps/pom.xml +++ b/ui.apps/pom.xml @@ -1,4 +1,4 @@ - + - + 4.0.0 @@ -143,7 +146,8 @@ package - /apps/themecleanflex/install + /apps/themecleanflex/install ${project.groupId} @@ -168,31 +172,37 @@ copy-resources - ${basedir}/target/classes/etc/felibs/themecleanflex/dependencies + ${basedir}/target/classes/etc/felibs/themecleanflex/dependencies - ${basedir}/node_modules/analytics/dist + ${basedir}/node_modules/analytics/dist analytics.min.js false - ${basedir}/node_modules/@analytics/perfumejs/dist/@analytics + ${basedir}/node_modules/@analytics/perfumejs/dist/@analytics perfumejs.min.js false - ${basedir}/node_modules/@analytics/google-analytics/dist/@analytics + ${basedir}/node_modules/@analytics/google-analytics/dist/@analytics - google-analytics.min.js + google-analytics.min.js false - ${basedir}/node_modules/perfume.js/dist + ${basedir}/node_modules/perfume.js/dist perfume.umd.min.js @@ -212,7 +222,8 @@ io.wcm.maven.plugins - wcmio-content-package-maven-plugin + wcmio-content-package-maven-plugin install-package diff --git a/ui.apps/src/main/content/META-INF/vault/filter.xml b/ui.apps/src/main/content/META-INF/vault/filter.xml index 09c92b220..95f572c67 100644 --- a/ui.apps/src/main/content/META-INF/vault/filter.xml +++ b/ui.apps/src/main/content/META-INF/vault/filter.xml @@ -1,10 +1,10 @@ - + - + - + - + diff --git a/ui.apps/src/main/content/META-INF/vault/settings.xml b/ui.apps/src/main/content/META-INF/vault/settings.xml index 9dddd3f76..b72777f28 100644 --- a/ui.apps/src/main/content/META-INF/vault/settings.xml +++ b/ui.apps/src/main/content/META-INF/vault/settings.xml @@ -1,5 +1,5 @@ - + - - + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml index 4e3b26877..72db26238 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/.content.xml @@ -1,5 +1,7 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml index 65efcebec..8c4a2a1a3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/accordion/.content.xml @@ -1,70 +1,289 @@ - - + + - - + + - - - + + + - - + + - - + + - - + + - - + + - - + + - - - + + + - + - + - - + + - - - + + + - - + + - - - + + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml index 3fe6a90df..08173ac1b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/block/.content.xml @@ -1,5 +1,9 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml index 5cbbf0831..418be2b9e 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/breadcrumb/.content.xml @@ -1,4 +1,17 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml index 28fbe5f67..070ee9ab9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/cards/.content.xml @@ -1,39 +1,218 @@ - - + + - - + + - - - - + + + + - - - + + + - - + + - - - - + + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml index 99bb17d20..da63de993 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/carousel/.content.xml @@ -1,38 +1,133 @@ - - + + - - + + - - - + + + - + - + - - + + - - - - + + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml index a6db91a21..703767b4b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/code/.content.xml @@ -1,11 +1,29 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml index ed3d4e8fa..b52adcc1b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/container/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml index 8bae864f5..b295dbf12 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/containerblock/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml index 8741f3210..cceb67339 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/footer/.content.xml @@ -1,58 +1,221 @@ - - + + - - + + - - - + + + - - - - - + + + + + - + - + - - + + - - - + + + - - - - - + + + + + - - + + - - - + + + - - - - - + + + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml index fcc2cd8c0..19c4e959b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/header/.content.xml @@ -1,32 +1,118 @@ - - + + - - + + - - - + + + - + - - + + - - + + - - - + + + - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml index 043b368f7..1d70ca03c 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/media/.content.xml @@ -1,6 +1,10 @@ - - - \ No newline at end of file + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml index 927bfc61f..09e9ca32b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediablock/.content.xml @@ -1,14 +1,48 @@ - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml index 77115b81b..1eacc9536 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/mediavisible/.content.xml @@ -1,6 +1,10 @@ - - - \ No newline at end of file + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml index 4b58e59ee..5bd8326a1 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/menubuttons/.content.xml @@ -1,10 +1,32 @@ - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml index c993a8d5b..4537d5f59 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/navigation/.content.xml @@ -1,11 +1,31 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml index ed7d88d68..6b4cf87a0 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/note/.content.xml @@ -1,32 +1,121 @@ - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml index 41c6a6965..d24373a13 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/page/.content.xml @@ -1,6 +1,10 @@ - - \ No newline at end of file + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml index 8b23533db..be9f4c851 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelist/.content.xml @@ -1,11 +1,31 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml index fb426043b..04424362f 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pagelistnested/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml index 1debe994b..1876e2891 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/pager/.content.xml @@ -1,11 +1,32 @@ - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml index a43f730e7..4fbecc0b8 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/quote/.content.xml @@ -1,20 +1,74 @@ - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml index 99d20b113..f06f9ee9b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/reference/.content.xml @@ -1,4 +1,11 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml index 1f00894f1..5a017b495 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/richtext/.content.xml @@ -1,17 +1,55 @@ - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml index 7c032b6f1..f8b338912 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/simpletext/.content.xml @@ -1,17 +1,51 @@ - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml index 1b3f7ba41..d9234aa9b 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/socialicons/.content.xml @@ -1,12 +1,44 @@ - - + + - - - - - + + + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml index 702069e53..c7adf6131 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/spacer/.content.xml @@ -1,14 +1,34 @@ - - + + - + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml index fa2836428..086e7fd20 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tabs/.content.xml @@ -1,37 +1,138 @@ - - + + - - + + - - - + + + - + - + - - + + - - - + + + - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml index 3af33654e..8908b9ab9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/tags/.content.xml @@ -1,4 +1,16 @@ - - - - \ No newline at end of file + + + + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml index 5c467dc64..95f1f38d3 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaserhorizontal/.content.xml @@ -1,24 +1,106 @@ - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml index 1d66298d0..19a1347f9 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/teaservertical/.content.xml @@ -1,40 +1,190 @@ - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml index 58827d6a8..958ce6522 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/components/textlinks/.content.xml @@ -1,10 +1,32 @@ - - + + - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml index f39a790f6..b6bace800 100644 --- a/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/themecleanflex/install/.content.xml @@ -1,7 +1,7 @@ - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml index 9f9ea4929..6d996b6c7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/.content.xml @@ -1,8 +1,9 @@ - + \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Site" + jcr:title="ThemecleanFlex Site" + sourceSite="pagerendervue" + internal="false" + template="true" +/> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml index 18ed23b58..d6b432492 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/.content.xml @@ -1,16 +1,18 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root asset" + jcr:description="themecleanflex Assets Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root asset" + brand="themecleanflex" + template="/content/themecleanflex/templates" + /> - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml index 36892d2e5..6c6f8ecc9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/.content.xml @@ -1,22 +1,23 @@ - + - - - - - - - - - - - - - - - - \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="sling:OrderedFolder" + jcr:title="icons" + jcr:description="icons" +> + + + + + + + + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/facebook.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/google.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/instagram.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-1x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-2x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml index 9debbd518..f15a5eb07 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/launcher-icon-4x.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/linkedin.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/pinterest.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/telegram.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/tumblr.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitch.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/twitter.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yammer.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/yelp.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/icons/youtube.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml index e8b729cb4..68842437e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/.content.xml @@ -1,11 +1,14 @@ - - - - - <_x0031_x1.png/> - <_x0031_6x9.png/> + + + + + <_x0031_x1.png /> + <_x0031_6x9.png /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml index 380f711f6..eda16ab2c 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T13:38:31.428-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml index bdd1f677a..2dbd36456 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml index 16d7f1f24..2e93e94c0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-gama/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml index 0bc87cf7b..e185cfe82 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml index 662a66510..1e9ae6e68 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-phys/.content.xml @@ -1,6 +1,9 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml index 0c299cbe2..da163771e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/16x9.png/_jcr_content/metadata/png-srgb/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml index fa223c167..4d1397ed8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T13:01:41.410-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml index 9e52fec65..a7627c04b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml index 16d7f1f24..2e93e94c0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-gama/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml index 33b6435a6..6286ca6f2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml index 662a66510..1e9ae6e68 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-phys/.content.xml @@ -1,6 +1,9 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml index 0c299cbe2..da163771e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/1x1.png/_jcr_content/metadata/png-srgb/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml index 1bbc81d2d..9761d9bfd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T12:44:11.037-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml index 46702fae8..2b04867a2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml @@ -1,7 +1,10 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml index 9a5001f5c..c309e0d23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/ducky/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml index 950a7aa65..2197a003f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/huffman/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml index f0bacd7a4..f3fcfc5cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/jpeg/.content.xml @@ -1,11 +1,14 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml index d58bd972b..b368b6dfc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/man.jpg/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml index 3cca49c36..d63218067 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2020-07-13T12:44:17.949-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml index 46702fae8..2b04867a2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/adobe_jpeg/.content.xml @@ -1,7 +1,10 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml index 9a5001f5c..c309e0d23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/ducky/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml index 950a7aa65..2197a003f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/huffman/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml index f0bacd7a4..f3fcfc5cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/jpeg/.content.xml @@ -1,11 +1,14 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml index d58bd972b..b368b6dfc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/placeholders/woman.jpg/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml index 49799f872..4551f366d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/.content.xml @@ -1,9 +1,11 @@ - - + + @@ -27,8 +29,8 @@ - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/aerial-sailboat.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/anchored.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_extra-large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-boats-ocean_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/close-up-cordage.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-daylight-environment_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/clouds-golden-hour-nature-944440.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbor-sunet_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/harbot-sunet_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/heel_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml index f4d206ea5..20e467520 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/oldboat_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-lg.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/organized-small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml index 51caa68c4..26e096991 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/svg+xml" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/peregrine-logo.svg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_large.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml index e58ee4c84..1fa0fe240 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/.content.xml @@ -1,10 +1,14 @@ - - + + - + jcr:data="{Binary}" + jcr:mimeType="image/jpeg" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sailing-lake_small.jpg/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml index 54b26bc51..0446d3f5a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/.content.xml @@ -1,14 +1,18 @@ - - + + - + jcr:data="{Binary}" + jcr:lastModified="{Date}2019-10-14T13:47:00.867-07:00" + jcr:lastModifiedBy="admin" + jcr:mimeType="image/png" + jcr:primaryType="per:AssetContent" + > + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml index 491392d53..fc253c934 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/.content.xml @@ -1,3 +1,6 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml index 8c0f0eafe..169033383 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/per-data/.content.xml @@ -1,5 +1,8 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml index 92533f11e..c1607965b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-ihdr/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml index 194e7af84..d264f6b62 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-plte/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml index fbf0cf604..e813885e1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-text/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml index 0fb67cdd6..03b0026c8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/png-trns/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml index 2ad469bdb..440fe524e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/assets/samples/sample-logo.png/_jcr_content/metadata/xmp/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml index 8d1116982..01e958385 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/object-definitions/.content.xml @@ -1,7 +1,8 @@ - \ No newline at end of file + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="sling:OrderedFolder" + jcr:title="themecleanflex object definitions root" + jcr:description="themecleanflex Object Definitions Root" +> + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml index e4405043f..bd42f1817 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/.content.xml @@ -1,16 +1,18 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root object" + jcr:description="themecleanflex Objects Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root object" + brand="themecleanflex" + template="/content/themecleanflex/templates" + /> - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml index 83565eb11..b49d643f8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/objects/tags/.content.xml @@ -1,4 +1,7 @@ - - + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml index 6d72b69a4..b35a8c349 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/.content.xml @@ -1,62 +1,69 @@ + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + xmlns:nt="http://www.jcp.org/jcr/nt/1.0" + jcr:primaryType="per:Page" + jcr:title="themecleanflex root page" + jcr:description="themecleanflex Pages Root" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root page" + template="/content/themecleanflex/templates" + > + jcr:primaryType="nt:unstructured" + regex="\\"short_name\\": \\"(.*)\\"" + replaceWith=""short_name": "_SITENAME_"" + /> + jcr:primaryType="nt:unstructured" + regex="\\"name\\": \\"(.*)\\"" + replaceWith=""name": "_SITENAME_ site"" + /> + jcr:primaryType="nt:unstructured" + regex="/themecleanflex" + replaceWith="/_SITENAME_" + /> + jcr:primaryType="nt:unstructured" + regex="/themecleanflex" + replaceWith="/_SITENAME_" + /> + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>This page has been left blank intentionally - it serves as the root container of the website.&nbsp;</p><p>Please edit the child page called index to change the root page.</p>" + /> - - - - - - - - - \ No newline at end of file + + + + + + + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml index ffa2f8ce9..f7bd50479 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/.content.xml @@ -1,81 +1,95 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:10:32.048-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Articles" + sling:resourceType="themecleanflex/components/page" + name="articles" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T15:10:32.048-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludesitemapexcludes="true" + extraclasses="articlelist" + fullheight="false" + htmlelement="section" + levels="2" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/articles" + rootPageLink="/content/themecleanflex/pages/articles" + rootPageTitle="articles" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T15:10:32.045-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + contentfield="title" + contentname="heading" + cssclass="" + htmlelement="h2" + name="n1594675067070" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nde275831-3d90-4955-98e2-5bacd59cb2a9/references/n1594675067070" + /> + jcr:lastModified="{Date}2020-07-13T15:10:32.046-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + contentfield="text" + contentname="byline" + cssclass="byline" + htmlelement="div" + name="n1594674340162" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nde275831-3d90-4955-98e2-5bacd59cb2a9/references/n1594674340162" + /> + jcr:lastModified="{Date}2020-07-13T15:10:32.046-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + contentfield="text" + contentname="heading" + cssclass="" + htmlelement="div" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml index 6a2602916..cd262595d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/articles/welcome/.content.xml @@ -1,126 +1,148 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:35:39.479-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Welcome" + sling:resourceType="themecleanflex/components/page" + name="welcome" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/article" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="{Boolean}true" + useTitle="{Boolean}true" + > + + + - + jcr:lastModified="{Date}2020-07-13T14:17:33.992-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="image" + bgcolor="#ffffff" + bgimage="/content/themecleanflex/assets/placeholders/16x9.png" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + contentname="heading" + custombackground="true" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="78" + showbutton="false" + showsubtitle="true" + showtext="true" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Welcome to your Kestrel-1 Site" + toppadding="30" + videosrc="" + > + - - - + + + + jcr:lastModified="{Date}2020-07-13T14:35:39.479-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + contentname="byline" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<p>July-16-2020,&nbsp;<a href="/content/themecleanflex/pages/authors/nicole-ford.html" title="" target="_self">Nicole Ford</a></p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:28:00.636-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + tagcolor="blue" + tagslabel="Filed in" + toppadding="0" + /> + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml index fd19cca8d..c6adcc782 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/.content.xml @@ -1,67 +1,79 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:31:29.703-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Authors" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="false" + name="authors" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T14:26:30.813-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + element="h1" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Our Authors" + toppadding="20" + /> + jcr:lastModified="{Date}2020-07-13T14:25:59.787-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludeSitemapExcludes="false" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/authors" + rootPageLink="not adaptable" + rootPageTitle="not adaptable" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml index f072f17ba..ee42e5fdf 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/authors/nicole-ford/.content.xml @@ -1,114 +1,137 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:33:02.090-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Nicole Ford" + sling:resourceType="themecleanflex/components/page" + name="nicole-ford" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/author" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="true" + useTitle="true" + > + + + + jcr:lastModified="{Date}2020-07-13T14:32:19.906-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="left" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="/content/themecleanflex/assets/placeholders/woman.jpg" + mediaposition="after" + mediatype="image" + mediawidth="25" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showmedia="true" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="CEO - example.com, Inc" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Nicole Ford" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T14:32:19.904-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T14:32:19.905-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons1" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T14:33:02.089-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + name="blog article" + path="/content/themecleanflex/pages/authors/nicole-ford/jcr:content/tags/blog article" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml index b0b26b950..f4bf39434 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/.content.xml @@ -1,6 +1,24 @@ - - - + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml index 39c9dffdd..8db94ec0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/css/palettes/.content.xml @@ -1,6 +1,21 @@ - - - + + + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml index 6d77083ce..4abcfa40e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/.content.xml @@ -1,24 +1,41 @@ - - + + - - - + jcr:lastModified="{Date}2019-05-06T21:15:41.195Z" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="errors" + sling:resourceType="themecleanflex/components/page" + description="errors" + name="errors" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + > + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml index 55615c7ed..6ad851455 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/errors/404/.content.xml @@ -1,22 +1,39 @@ - - + + - - - + jcr:lastModified="{Date}2019-05-06T21:15:41.195Z" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="404 error" + sling:resourceType="themecleanflex/components/page" + description="404 error" + name="404" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates" + > + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml index b881d67cb..8c285ca8e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/index/.content.xml @@ -1,223 +1,240 @@ - - + + - + jcr:lastModified="{Date}2020-07-14T05:44:40.591-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Home" + sling:resourceType="themecleanflex/components/page" + description="sample root page of the site" + name="index" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + template="/content/themecleanflex/templates/footer" + templatePath="/content/themecleanflex/templates" + useDescription="true" + useTitle="true" + > + + jcr:lastModified="{Date}2020-07-14T05:44:40.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="image" + bgcolor="#dbdbdb" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="large" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + fullheight="true" + htmlelement="section" + imagesrc="" + isprimary="true" + mediaposition="before" + mediawidth="50" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + showbutton="true" + showsubtitle="true" + showtitle="true" + subtitle="Your Needs - Our Services" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="example Inc" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-14T05:44:40.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages/articles" + buttontext="Our Articles" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/nbd4db08a-f945-425c-a565-5e824304e07e/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T15:20:50.208-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Our Services" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T15:20:50.206-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n18f5aba5-9653-4db0-9a20-13092813533f/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T15:20:50.207-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n18f5aba5-9653-4db0-9a20-13092813533f/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.252-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="33" + cardborder="true" + cardcolor="#ffffff" + cardsperrow="3" + cardsperrowmobile="1" + cardsperrowtab="3" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + customcardcolor="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + roundedcorners="large" + showbutton="false" + showcard="true" + showtext="true" + showtitle="true" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T15:51:33.249-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Organized rope hanging on a winch" + imagewidth="" + name="cards0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards0" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor." + title="Service 1" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.250-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Several sets of rope" + imagewidth="" + name="cards1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards1" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Service 2" + /> + jcr:lastModified="{Date}2020-07-13T15:51:33.251-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/16x9.png" + imagealttext="Messy pile of rope" + imagewidth="" + name="cards2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n8ce6d014-0487-4f81-97ca-2ba2b75b405b/cards/cards2" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Service 3" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml index 5c7a9d123..b3c35ebea 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/js/.content.xml @@ -1,6 +1,24 @@ - - - + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml index 3105e0036..7f4905cb2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/.content.xml @@ -1,371 +1,446 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="component library" + description="component library themecleanflex component library" + brand="themecleanflex" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + template="/content/themecleanflex/templates" + > + + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="false" + showcard="true" + toppadding="20" + cardsperrow="4" + customcardcolor="true" + cardcolor="#eeeeee" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml index 9d0caa055..5ca754a72 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/.content.xml @@ -1,205 +1,437 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordion" + description="accordion themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml index 5ee19db72..982e5090d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordiondark/.content.xml @@ -1,472 +1,1306 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-accordiondark" + description="accordionsample-accordiondark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="dark" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="dark" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="light" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="light" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="gradient" + colorscheme="" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="image" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="color" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="dark" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="light" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion Dark Theme" + backgroundtype="video" + colorscheme="" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml index 1a5c4ebcf..a352c3910 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-accordionmedia/.content.xml @@ -1,472 +1,1335 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-accordionmedia" + description="accordionsample-accordionmedia themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/heel_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + showmedia="true" + blockwidth="article" + toggletype="accordion" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml index 7f69fe8e8..8d7173c0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-bg/.content.xml @@ -1,530 +1,1468 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-bg" + description="accordionsample-bg themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff80c0" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="false" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + overlay="true" + overlaycolor="#000000" + overlayopacity="25" + bottompadding="150" + toppadding="150" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml index c69411b5f..f662dcc61 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-blank" + description="accordionsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml index 1b10c7123..e1c76ebeb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-rte/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-rte" + description="accordionsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion With Full RTE" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml index c15e91b9c..6352106f1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-toggle/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-toggle" + description="accordionsample-toggle themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + toggletype="toggle" + showmedia="false" + mediawidth="33" + blockwidth="article" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml index 972497a59..8b3f78a67 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample-togglemedia/.content.xml @@ -1,472 +1,1364 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample-togglemedia" + description="accordionsample-togglemedia themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="image" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="color" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="false" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Toggle" + backgroundtype="video" + bgcolor="#ffffff" + color2="#ffffff" + fullheight="true" + bottompadding="30" + toppadding="30" + mediatype="image" + mediaposition="after" + imagesrc="/content/themecleanflex/assets/samples/oldboat_small.jpg" + mediatitle="Old Ship sailing into sunset" + mediawidth="33" + blockwidth="article" + showmedia="true" + toggletype="toggle" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml index 656180dc5..4ddb4b12f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/accordion/sample/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="accordionsample" + description="accordionsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#ff80c0" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="image" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="color" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/accordion" + showtitle="true" + title="Peregrine Accordion" + backgroundtype="video" + bgcolor="#f1f1f1" + color2="#ffffff" + bottompadding="30" + toppadding="30" + showmedia="false" + mediawidth="33" + blockwidth="article" + accordionortoggle="false" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="How to accordion?" + > + jcr:primaryType="nt:unstructured" + text="<p>remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>" + title="Join accordion" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml index 3ffade4cc..018af234e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/block/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="block" + description="block themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml index 92a9be584..ce419b91d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/.content.xml @@ -1,90 +1,143 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="breadcrumb" + description="breadcrumb themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml index 441ad324a..fb2bd1d53 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/breadcrumb/sample/.content.xml @@ -1,385 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="breadcrumbsample" + description="breadcrumbsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="false" + colorscheme="" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="3" + linkcolor="primary" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml index 187febda6..cf8d0f2d2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/.content.xml @@ -1,151 +1,356 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cards" + description="cards themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml index 651c0eca0..16930b741 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-blank/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-blank" + description="cardssample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + showtitle="true" + showtext="true" + showbutton="true" + showcard="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml index 1d0807660..f26ae5aba 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-cardsnobackground/.content.xml @@ -1,588 +1,2292 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-cardsnobackground" + description="cardssample-cardsnobackground themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="false" + toppadding="20" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="info" + buttonsize="default" + buttonalign="right" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Messy pile of rope" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint ." + title="Card Four" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml index fa2d6ed87..b772114c4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample-rte/.content.xml @@ -1,530 +1,1886 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample-rte" + description="cardssample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="true" + cardcolor="#eeeeee" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml index ee5661995..8773d9eb2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/cards/sample/.content.xml @@ -1,588 +1,2350 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="cardssample" + description="cardssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff80c0" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="color" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ff8040" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bottompadding="20" + showbutton="true" + showtext="true" + showtitle="true" + showcard="true" + toppadding="20" + customcardcolor="false" + roundedcorners="large" + cardcolor="#ffffff" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/boat-rope-hanging-knot_small.jpg" + imagealttext="Several sets of rope" + text="Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis." + title="Card Two" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/close-up-cordage.jpg" + imagealttext="Messy pile of rope" + text="Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis." + title="Card Three" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="View" + buttoncolor="primary" + buttonsize="default" + buttonalign="center" + image="/content/themecleanflex/assets/samples/chain-close-up-daylight-1170601.jpg" + imagealttext="Tying a sailor knot" + text="At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati." + title="Card Four" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml index 68f571884..c70491e15 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/.content.xml @@ -1,159 +1,273 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carousel" + description="carousel themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="none" + indicators="false" + autoplay="true" + wrap="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml index 95dcc8260..af0776ea6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-blank" + description="carouselsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml index 293ed2487..b23966364 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-owl/.content.xml @@ -1,704 +1,1404 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-owl" + description="carouselsample-owl themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="false" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="dark" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="light" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > - + - - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="article" + captionbg="true" + colorscheme="" + indicators="false" + autoplay="true" + wrap="true" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/google.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/facebook.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/linkedin.svg" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/icons/pinterest.svg" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml index bd0fa9468..da2c23b2a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample-rte/.content.xml @@ -1,617 +1,1375 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample-rte" + description="carouselsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="false" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " + alt="Sailboats sailing on an ocean" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml index a44aff237..52be41881 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/carousel/sample/.content.xml @@ -1,617 +1,1433 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="carouselsample" + description="carouselsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="false" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="false" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="dark" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="light" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > - + - - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + blockwidth="full" + captionbg="true" + colorscheme="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + + + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/architecture-blue-skies_large.jpg" + imagefit="cover" + text="<h2>Slide One Title</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.</p>" + alt="Sailboats in front of city skyline and sunset" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + imagefit="cover" + text="<h2>Slide Two Title</h2><p>Maecenas fermentum neque feugiat purus condimentum, sed molestie dolor fermentum. Nullam vestibulum tellus dolor. Cras viverra vel diam quis iaculis.</p>" + alt="Sailboat sailing on a lake" + > + jcr:primaryType="nt:unstructured" + imagepath="/content/themecleanflex/assets/samples/beach-boats-ocean_large.jpg" + imagefit="cover" + text="<h2>Slide Three Title</h2><p>Fusce sagittis, est eget commodo imperdiet, lectus quam bibendum ex, eu commodo mi diam molestie tortor.Cras viverra vel diam quis iaculis.</p>" + alt="Sailboats sailing on an ocean" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml index a50d0bb8d..0d76ed77e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/.content.xml @@ -1,53 +1,78 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="code" + description="code themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml index 30c951c84..92ca8b9b7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample-blank/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="codesample-blank" + description="codesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="" + language="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml index 81cf3d4c9..e7588f7c6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/code/sample/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="codesample" + description="codesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/code" + text="var a = {};" + language="javascript" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml index e48d65c72..459e7c336 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="container" + description="container themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml index f4bac0084..361595a39 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/container/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containersample" + description="containersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml index 5d0a17b93..dec3a70be 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containerblock" + description="containerblock themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml index b349d37b2..a06698ec1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/containerblock/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="containerblocksample" + description="containerblocksample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml index 3a60d1978..704d031ef 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/.content.xml @@ -1,180 +1,370 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footer" + description="footer themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml index 97e4544e6..d7e58304d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-blank" + description="footersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml index 452799196..e2a19274c 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-light/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-light" + description="footersample-light themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml index 8215f828f..8133e4d83 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample-rte/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample-rte" + description="footersample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml index 4718b1945..71dbdb2f9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/footer/sample/.content.xml @@ -1,849 +1,2298 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="footersample" + description="footersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#ff80c0" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="gradient" + bgcolor="#ff8040" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="image" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="dark" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="video" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="http://www.peregrine-cms.com" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2017 Peregrine - All Rights Reserved" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>email@email.com<br>1-800-888-8888</p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>1234 S Pointe Drive, Laguna Hills, CA 92653</p>" + > + jcr:primaryType="nt:unstructured" + url="https://www.facebook.com/" + icon="facebook" + iconalttext="Facebook" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml index 6dcfad0d8..b227c4dc5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/.content.xml @@ -1,139 +1,256 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="header" + description="header themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml index 1df7ef9dc..ca1b034d8 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample-blank" + description="headersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml index 678cd8ba0..55e85247e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample-dark/.content.xml @@ -1,646 +1,1683 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample-dark" + description="headersample-dark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="light" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml index f68ee8ef8..8e1d3e28f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/header/sample/.content.xml @@ -1,646 +1,1683 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="headersample" + description="headersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="gradient" + bgcolor="#ff8040" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + color2="#0080ff" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="image" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="color" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="false" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="dark" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="light" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + htmlelement="header" + backgroundtype="video" + bgcolor="#eeeeee" + colorscheme="" + toppadding="10" + bottompadding="10" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + collapsed="false" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logoalttext="Peregrine CMS Logo" + logourl="http://www.peregrine-cms.com" + logosize="60" + buttonsize="default" + linkcolor="dark" + custombackground="true" + bgsize="cover" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Services" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Try It Now" + buttoncolor="primary" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml index 8dbae36ae..22247430d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/media/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="media" + description="media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml index 57f389693..e8afb169a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/.content.xml @@ -1,119 +1,194 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablock" + description="mediablock themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml index 10f1ddea2..61de8f4e0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample-blank" + description="mediablocksample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml index 175a10049..841ccbedf 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample-image/.content.xml @@ -1,356 +1,830 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample-image" + description="mediablocksample-image themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/sailing-lake_large.jpg" + mediatitle="Sailboat on a lake" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml index 640ef2423..c0a8cf45e 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediablock/sample/.content.xml @@ -1,356 +1,830 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediablocksample" + description="mediablocksample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="true" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="gradient" + custombackground="true" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="image" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="color" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/mediablock" + mediatype="video" + videosrc="https://www.youtube-nocookie.com/embed/R5qdE0_mOcw" + mediatitle="Sailing Video" + toppadding="30" + bottompadding="30" + backgroundtype="video" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml index 736e53346..7278e919d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/mediavisible/.content.xml @@ -1,79 +1,126 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="mediavisible" + description="mediavisible themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml index 3eec6bbac..0400fc893 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/.content.xml @@ -1,95 +1,158 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="menubuttons" + description="menubuttons themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml index 9f8237817..f62566a0d 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/menubuttons/sample/.content.xml @@ -1,530 +1,1201 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="menubuttonssample" + description="menubuttonssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/menubuttons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Click Here!" + buttoncolor="primary" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="Enter" + buttoncolor="warning" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml index c780c313a..8c712438a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/.content.xml @@ -1,109 +1,172 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigation" + description="navigation themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml index fb8daab72..462a0a027 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigationsample-blank" + description="navigationsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml index 77409ec2f..219e15b01 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/navigation/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="navigationsample" + description="navigationsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/navigation" + bottompadding="0" + toppadding="0" + rootpage="/content/themecleanflex/pages" + justifyitems="end" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml index bbb7578ff..bbedbbf57 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/.content.xml @@ -1,169 +1,283 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="note" + description="note themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml index 132b18c0c..25ab721ef 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-blank" + description="notesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml index 075cea060..523d9f6a3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-caution/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-caution" + description="notesample-caution themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>caution</p>" + notetype="caution" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml index f3eee77e5..2595f4f83 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-important/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-important" + description="notesample-important themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>important</p>" + notetype="important" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml index d92b6a2a0..0b1cf32b3 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-note/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-note" + description="notesample-note themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>note</p>" + notetype="note" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml index 1654f5694..3b9ea8443 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-rte/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-rte" + description="notesample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml index 8b1b80771..ac9cbbb16 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-tip/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-tip" + description="notesample-tip themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>tip</p>" + notetype="tip" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml index b34be0c70..804351882 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning-dark/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-warning-dark" + description="notesample-warning-dark themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="dark" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + colorscheme="" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml index e866b9e96..2b4bd3db5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample-warning/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample-warning" + description="notesample-warning themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>warning</p>" + notetype="warning" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml index 83a3eb2fa..c469e7a6b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/note/sample/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="notesample" + description="notesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/note" + text="<p>Here is some example note text default style</p>" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml index 2e177972a..7a6d08e23 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/.content.xml @@ -1,109 +1,172 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelist" + description="pagelist themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml index 28c9ec47d..b2c1452cd 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistsample-blank" + description="pagelistsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml index c26ef3f59..c3b277fb7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelist/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistsample" + description="pagelistsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bottompadding="20" + toppadding="20" + rootpage="/content/themecleanflex/pages" + levels="2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml index 591bdda22..e7c186a71 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/.content.xml @@ -1,89 +1,140 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistnested" + description="pagelistnested themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml index d5818e31a..fabaaa107 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pagelistnested/sample/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagelistnestedsample" + description="pagelistnestedsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelistnested" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml index 7d49c63d6..7fdc9d6a4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/.content.xml @@ -1,109 +1,173 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pager" + description="pager themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml index 303b8edbd..17105f2fc 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagersample-blank" + description="pagersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml index d7360ab69..b815403ed 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/pager/sample/.content.xml @@ -1,356 +1,795 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="pagersample" + description="pagersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="false" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="dark" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="light" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + prevlabel="< Prev" + nextlabel="Next >" + colorscheme="" + toppadding="10" + bottompadding="10" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml index 3288b8e29..267a48121 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/.content.xml @@ -1,129 +1,216 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quote" + description="quote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml index ce68e7920..7a56e6671 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-blank" + description="quotesample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml index 767f12289..d0bd26dac 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-blockquote/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-blockquote" + description="quotesample-blockquote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>If you think you can do a thing or think you cant do a thing, youre right. </p></i>- Henry Ford</i>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml index 08706dc83..d2890bf33 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-largequote/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-largequote" + description="quotesample-largequote themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h2><em>That's one small step for a man, one giant leap for mankind.<br></em><em>-Neil Armstrong</em></h2>" + blockquote="true" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml index 69f58575e..9d2c96380 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample-rte/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample-rte" + description="quotesample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml index ce1e5dd55..0a687616f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/quote/sample/.content.xml @@ -1,356 +1,824 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="quotesample" + description="quotesample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/quote" + text="<p>"Thats one small step for a man, one giant leap for mankind."</p><p>-<i>Neil Armstrong</i></p>" + blockquote="false" + blockwidth="article" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml index e482550a6..d3e219b1f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/.content.xml @@ -1,129 +1,206 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtext" + description="richtext themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml index 56148ecdf..7083bc908 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-allstyles/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-allstyles" + description="richtextsample-allstyles themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml index 47bb71540..bc542ed37 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-blank" + description="richtextsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml index 40d67fd83..035a387f5 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample-media/.content.xml @@ -1,356 +1,911 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample-media" + description="richtextsample-media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + toppadding="50" + bottompadding="50" + text="<p>Today's web frontend frameworks allow us to render pages on the device instead of the server. Leveraging client side rendering allows us to transfer only the content when a client clicks from one page to another resulting in a faster page transition and offloading a vast amount of work that is traditionally done on the server to the web browser.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml index ac3d21adc..935f9b0e7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/richtext/sample/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="richtextsample" + description="richtextsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml index 697004bca..2b8286e50 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/.content.xml @@ -1,129 +1,203 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletext" + description="simpletext themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml index d16a7d0a0..8512e0ad2 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-blank/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-blank" + description="simpletextsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml index 8600d4faa..037cc65df 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h1/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-h1" + description="simpletextsample-h1 themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Heading" + element="h1" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml index 346198d5b..c50364018 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample-h2/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample-h2" + description="simpletextsample-h2 themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Themeclean Secondary Heading" + element="h2" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml index 3c3620dbd..9be2ff780 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/simpletext/sample/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="simpletextsample" + description="simpletextsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." + element="p" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml index 199cf10af..43dfeab82 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/.content.xml @@ -1,99 +1,170 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="socialicons" + description="socialicons themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml index d8c18633f..ae6f6e834 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/socialicons/sample/.content.xml @@ -1,646 +1,1549 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="socialiconssample" + description="socialiconssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/socialicons" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + url="https://twitter.com/" + icon="twitter" + iconalttext="Twitter" + > + jcr:primaryType="nt:unstructured" + url="https://www.instagram.com/" + icon="instagram" + iconalttext="Instagram" + > + jcr:primaryType="nt:unstructured" + url="https://www.pinterest.com/" + icon="pinterest" + iconalttext="Pinterest" + > + jcr:primaryType="nt:unstructured" + url="https://www.youtube.com/" + icon="youtube" + iconalttext="Youtube" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml index 84192ccdf..1ea79b6d1 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/.content.xml @@ -1,119 +1,188 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacer" + description="spacer themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml index d76df991a..53a507c14 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-blank/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample-blank" + description="spacersample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml index 46b493391..1de0ebb7b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample-image/.content.xml @@ -1,356 +1,737 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample-image" + description="spacersample-image themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="80" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml index 5db3b0756..dbe31c56f 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/spacer/sample/.content.xml @@ -1,356 +1,708 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="spacersample" + description="spacersample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + height="20" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml index 96e1be53c..7c6da25b9 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/.content.xml @@ -1,147 +1,278 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabs" + description="tabs themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml index a91c6c518..0591abc36 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-blank" + description="tabssample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml index f77ab740b..48e502d60 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-media/.content.xml @@ -1,530 +1,1422 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-media" + description="tabssample-media themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="true" + mediaposition="before" + mediatype="image" + mediawidth="33" + mediaiconsize="200" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediatitle="Tropical sailing destination" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml index b511baf8c..bf14d46be 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample-rte/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample-rte" + description="tabssample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml index 2af874d24..5b504ab63 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tabs/sample/.content.xml @@ -1,530 +1,1393 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tabssample" + description="tabssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="false" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff80c0" + color2="#e7e7e7" + fullheight="true" + backgroundtype="color" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ff8040" + color2="#0080ff" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="image" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="gradient" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="false" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tabs" + bgcolor="#ffffff" + color2="#e7e7e7" + fullheight="true" + backgroundtype="video" + bottompadding="40" + toppadding="10" + showmedia="false" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-clouds-daytime_small.jpg" + mediaposition="before" + mediawidth="33" + mediaiconsize="200" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + text="<p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="Contact Us" + > + jcr:primaryType="nt:unstructured" + text="<p>Again when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>" + title="About Us" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml index 5afef2742..e6a3ba2a6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/.content.xml @@ -1,89 +1,143 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tags" + description="tags themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml index 7e92c2df2..996961a45 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/tags/sample/.content.xml @@ -1,356 +1,766 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="tagssample" + description="tagssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + tagcolor="green" + toppadding="30" + bottompadding="30" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml index 32d236f17..095ed7eca 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/.content.xml @@ -1,127 +1,246 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontal" + description="teaserhorizontal themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml index 02f2cc9c8..fed3ebd30 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample-blank" + description="teaserhorizontalsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml index eac70bf28..b20871743 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample-rte/.content.xml @@ -1,472 +1,1538 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample-rte" + description="teaserhorizontalsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml index aeed807a8..4632bd9e4 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaserhorizontal/sample/.content.xml @@ -1,472 +1,1538 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserhorizontalsample" + description="teaserhorizontalsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="color" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaserhorizontal" + aligncontent="left" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + textwidth="60" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + isprimary="false" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml index 4bfbce63d..51fc9ee69 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/.content.xml @@ -1,155 +1,334 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaservertical" + description="teaservertical themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml index da95a1c1f..4a890f5ff 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-blank/.content.xml @@ -1,356 +1,679 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-blank" + description="teaserverticalsample-blank themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="false" + colorscheme="" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + - + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml index 2b8e08eda..aab940f80 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-mediateaser/.content.xml @@ -1,472 +1,1625 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-mediateaser" + description="teaserverticalsample-mediateaser themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + showmedia="true" + mediatype="image" + imagesrc="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + mediatitle="Bird's eye view of the beach" + mediawidth="50" + mediaposition="after" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml index 64116bbdc..309b19f62 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-rte/.content.xml @@ -1,472 +1,1451 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-rte" + description="teaserverticalsample-rte themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<h1>Left (Default) Alignment Test</h1><h2>Header h2</h2><h3>Header h3</h3><h4>Header h4</h4><p>Text:</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p>unordered list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul><p>ordered list</p><ol><li>item 1</li><li>item 2</li><li>item 3</li></ol><p>sub<sub>script</sub> super<sup>script</sup></p><p><strong>bold</strong> <em>italic</em></p><p><a href="https://www.example.com" title="example.com">some link text</a></p><p>a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p>another line</p><h1 style="text-align: center; ">Center Alignment Test</h1><h2 style="text-align: center; ">Header h2</h2><h3 style="text-align: center; ">Header h3</h3><h4 style="text-align: center; ">Header h4</h4><p style="text-align: center; ">Text:</p><p style="text-align: center; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: center; ">unordered list:</p><ul><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ul><p style="text-align: center; ">ordered list</p><ol><li style="text-align: center; ">item 1</li><li style="text-align: center; ">item 2</li><li style="text-align: center; ">item 3</li></ol><p style="text-align: center; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: center; "><strong>bold</strong> <em>italic</em></p><p style="text-align: center; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: center; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: center; ">another line</p><h1 style="text-align: right; ">Right Alignment Test</h1><h2 style="text-align: right; ">Header h2</h2><h3 style="text-align: right; ">Header h3</h3><h4 style="text-align: right; ">Header h4</h4><p style="text-align: right; ">Text:</p><p style="text-align: right; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: right; ">unordered list:</p><ul><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ul><p style="text-align: right; ">ordered list</p><ol><li style="text-align: right; ">item 1</li><li style="text-align: right; ">item 2</li><li style="text-align: right; ">item 3</li></ol><p style="text-align: right; ">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: right; "><strong>bold</strong> <em>italic</em></p><p style="text-align: right; "><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: right; ">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: right; ">another line</p><h1 style="text-align: justify;">Justified Alignment Test</h1><h2 style="text-align: justify;">Header h2</h2><h3 style="text-align: justify;">Header h3</h3><h4 style="text-align: justify;">Header h4</h4><p style="text-align: justify;">Text:</p><p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare felis at ligula suscipit, eu condimentum tortor venenatis. Maecenas laoreet blandit tempor. Praesent fermentum malesuada ante eget condimentum. Nulla feugiat, tortor vel consectetur mollis, neque mauris lacinia nisi, id tristique sapien eros sed neque. Integer nec nunc nec elit condimentum faucibus a sit amet dolor. Aliquam nec metus urna. Donec id urna lacus. Nam luctus efficitur leo, at lobortis eros. Phasellus ut tincidunt orci, vitae lacinia lacus.</p><p style="text-align: justify;">unordered list:</p><ul><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ul><p style="text-align: justify;">ordered list</p><ol><li style="text-align: justify;">item 1</li><li style="text-align: justify;">item 2</li><li style="text-align: justify;">item 3</li></ol><p style="text-align: justify;">sub<sub>script</sub> super<sup>script</sup></p><p style="text-align: justify;"><strong>bold</strong> <em>italic</em></p><p style="text-align: justify;"><a href="https://www.example.com" title="example.com">some link text</a></p><p style="text-align: justify;">a line followed by a shift return (&lt;br/&gt;) <br>a line followed by a return (end of paragraph)</p><p style="text-align: justify;">another line</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml index 0bcb0c868..eda8b4514 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample-teaserfull/.content.xml @@ -1,472 +1,1491 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample-teaserfull" + description="teaserverticalsample-teaserfull themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="color" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff80c0" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="gradient" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="false" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="false" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showbutton="true" + isprimary="true" + fullheight="true" + custombackground="true" + backgroundtype="video" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + overlay="true" + overlaycolor="#ffffff" + overlayopacity="70" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + buttonsize="large" + title="Themeclean Flex Blocks" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml index 870f596ff..1a69bef4a 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/teaservertical/sample/.content.xml @@ -1,472 +1,1451 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="teaserverticalsample" + description="teaserverticalsample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="color" + bgcolor="#ff80c0" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ff8040" + gradient="true" + color2="#0080ff" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="image" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="gradient" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="false" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="false" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + showtitle="true" + showsubtitle="true" + showtext="true" + showbutton="true" + fullheight="true" + backgroundtype="video" + bgcolor="#ffffff" + gradient="true" + color2="#c0c0c0" + bottompadding="30" + toppadding="30" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + subtitle="Molestiae alias et inventore voluptas" + title="Peregrine blocks" + buttonsize="default" + custombackground="true" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + > + jcr:primaryType="nt:unstructured" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + buttoncolor="primary" + iconclass="" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml index 180fdd41c..e6d0289ff 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/.content.xml @@ -1,95 +1,158 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="textlinks" + description="textlinks themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > - +" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml index 70dd84e05..ab020efde 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/library/textlinks/sample/.content.xml @@ -1,530 +1,1201 @@ - - + - - + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="textlinkssample" + description="textlinkssample themecleanflex component library" + brand="themecleanflex" + template="/content/themecleanflex/templates" + > + + - + colorscheme="light" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + level="2" + > + + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > - [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + htmlelement="main" + > + [object Object] + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="color" + bgcolor="#ff80c0" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="gradient" + bgcolor="#ff8040" + color2="#0080ff" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="image" + bgimage="/content/themecleanflex/assets/samples/beach-bird-s-eye-view-daytime-1249586.jpg" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="false" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="dark" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="light" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="false" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > - + + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/textlinks" + custombackground="true" + bgsize="cover" + backgroundtype="video" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + colorscheme="" + fullheight="true" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="About Us" + color="dark" + > + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages" + text="Contact Us" + color="dark" + > + colorscheme="light" + toppadding="30" + bottompadding="30" + custombackground="false" + backgroundtype="color" + bgcolor="#eeeeee" + htmlelement="nav" + prevlabel="< previous" + nextlabel="next >" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pager" + > + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + htmlelement="footer" + backgroundtype="color" + bgcolor="#eeeeee" + bottompadding="0" + toppadding="30" + colorscheme="light" + showlogo="true" + logo="/content/themecleanflex/assets/samples/peregrine-logo.svg" + logourl="/content/themecleanflex/pages/library.html" + logoalttext="Peregrine CMS Logo" + logosize="60" + copyright="Copyright 2019 Peregrine - All Rights Reserved" + > - + + jcr:primaryType="nt:unstructured" + title="Contact" + text="<p>info@headwire.com<br></p>" + > + jcr:primaryType="nt:unstructured" + title="Location" + text="<p>23293 S Pointe Drive, Laguna Hills, CA 92653</p>" + > - + - \ No newline at end of file + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml index 436b54e4c..aad9bdba6 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/sitemap/.content.xml @@ -1,65 +1,77 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T15:49:05.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Sitemap" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + name="sitemap" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T15:29:14.053-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + element="h1" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Sitemap" + /> + jcr:lastModified="{Date}2020-07-13T15:29:47.540-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludesitemapexcludes="true" + fullheight="false" + htmlelement="section" + levels="{Long}2" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages" + rootPageLink="/content/themecleanflex/pages" + rootPageTitle="pages" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml index b640429a3..b4cc354bb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/.content.xml @@ -1,69 +1,77 @@ - - + + + jcr:lastModified="{Date}2020-07-13T12:16:50.935-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="skeleton-pages" + sling:resourceType="themecleanflex/components/page" + excludeFromSitemap="{Boolean}true" + excludeTreeFromSitemap="{Boolean}true" + name="skeleton-pages" + skeletonPagePath="" + template="/content/themecleanflex/templates/blank" + templatePath="/content/themecleanflex/templates/blank" + > + jcr:lastModified="{Date}2020-07-13T12:15:27.555-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<p>The child pages of this page serve as skeleton pages (stubs). When you create a new page you can either select to create from a template or select to create from a skeleton page. A skeleton page is a template with initial content on the page that can be modified.&nbsp;</p><p>Your website currently has the following skeleton pages:</p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T12:15:52.036-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + excludeSitemapExcludes="false" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/skeleton-pages" + rootPageLink="not adaptable" + rootPageTitle="not adaptable" + /> -
            - - - +
            + + + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml index 029919926..b3c36ef55 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/about-us/.content.xml @@ -1,184 +1,203 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T13:02:41.931-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="About Us" + sling:resourceType="themecleanflex/components/page" + name="about-us" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T12:55:58.558-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Read more about what drives. " + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="About Us" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T12:55:58.556-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/n00143e7c-15e3-490b-af2e-7d0b0cbf0c83/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T12:55:58.557-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/n00143e7c-15e3-490b-af2e-7d0b0cbf0c83/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T12:56:43.511-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + text="<h2 style="text-align: center;">Our Customers</h2>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.930-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/carousel" + autoplay="true" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="article" + bottompadding="21" + captionbg="true" + carouselheight="10" + color2="#c0c0c0" + colorscheme="" + controls="true" + custombackground="false" + fullheight="false" + htmlelement="section" + indicators="false" + interval="5" + itemsperpage="3" + overlaycolor="#ffffff" + overlayopacity="50" + pause="false" + toppadding="10" + wrap="true" + > + jcr:lastModified="{Date}2020-07-13T13:02:41.918-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides0" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.922-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides1" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.925-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides2" + slidelink="" + text="" + /> + jcr:lastModified="{Date}2020-07-13T13:02:41.927-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + alt="" + component="nt:unstructured" + imagefit="" + imagepath="/content/themecleanflex/assets/placeholders/1x1.png" + name="slides3" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nfbf5c432-3381-438b-803a-7c54b71a468b/slides/slides3" + slidelink="" + text="" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml index 16f6e262d..5fe6873eb 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/article/.content.xml @@ -1,123 +1,148 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T13:41:56.107-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Article" + sling:resourceType="themecleanflex/components/page" + name="article" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="/content/themecleanflex/templates/footer/header-footer/article" + > + + + + jcr:lastModified="{Date}2020-07-13T13:22:12.765-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + backgroundtype="gradient" + bgcolor="#ffffff" + bottompadding="30" + contentname="heading" + buttonsize="default" + color2="#c0c0c0" + fullheight="false" + gradient="true" + showbutton="true" + showsubtitle="true" + showtext="true" + showtitle="true" + subtitle="Molestiae alias et inventore voluptas" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + title="Peregrine blocks" + toppadding="30" + > + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + iconclass="" + /> + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + iconclass="" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:36.144-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + contentname="byline" + text="<p>July-16-2020, Nicole Ford</p>" + videosrc="" + /> + jcr:lastModified="{Date}2020-07-13T13:28:00.636-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/tags" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + tagcolor="blue" + tagslabel="Filed in" + toppadding="0" + /> + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T13:28:50.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml index 2197cb26d..a6f5f963b 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/author/.content.xml @@ -1,112 +1,135 @@ - - + + - - - + jcr:lastModified="{Date}2020-07-13T14:30:47.332-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Author" + sling:resourceType="themecleanflex/components/page" + name="author" + ogImage="" + ogImageAlt="" + ogTitle="" + ogType="website" + ogUrl="" + skeletonPagePath="/content/themecleanflex/pages/skeleton-pages/article" + template="/content/themecleanflex/templates/footer/header-footer/article" + templatePath="" + useDescription="{Boolean}true" + useTitle="{Boolean}true" + > + + + + jcr:lastModified="{Date}2020-07-13T14:30:47.332-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="left" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="/content/themecleanflex/assets/placeholders/woman.jpg" + mediaposition="after" + mediatype="image" + mediawidth="25" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showmedia="true" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="Position - example.com, Inc" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Name" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T14:30:47.329-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T14:30:47.330-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb8fdb7e0-c386-412c-951c-67d94dbdee55/ne9c0f0bc-c1fd-4557-90e9-352e9da32aaf/buttons/buttons1" + /> - - + + + jcr:lastModified="{Date}2020-07-13T13:27:41.926-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/richtext" + text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>" + /> - + + jcr:lastModified="{Date}2020-07-13T13:28:50.794-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + value="/content/themecleanflex/objects/tags/blog article" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml index 4894c1a4a..54b5c80b7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/pages/skeleton-pages/team/.content.xml @@ -1,216 +1,236 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T12:49:47.470-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Team" + sling:resourceType="themecleanflex/components/page" + name="team" + skeletonPagePath="" + template="/content/themecleanflex/templates/footer/header-footer" + templatePath="/content/themecleanflex/templates/footer/header-footer" + > + + + jcr:lastModified="{Date}2020-07-13T12:37:21.262-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/teaservertical" + alignbuttons="center" + aligncontent="center" + backgroundtype="gradient" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="30" + buttonsize="default" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + gradient="true" + htmlelement="section" + imagesrc="" + mediaposition="before" + mediawidth="50" + overlaycolor="#ffffff" + overlayopacity="50" + showbutton="false" + showsubtitle="true" + showtext="false" + showtitle="true" + subtitle="we are here for you" + text="<p>Eligendi fugit asperiores et. Corrupti voluptatum quasi sit. Adipisci ut voluptatem necessitatibus cumque aspernatur.</p>" + textwidth="100" + title="Our Team" + toppadding="30" + videosrc="" + > + jcr:lastModified="{Date}2020-07-13T12:37:21.260-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="See More" + component="nt:unstructured" + iconclass="" + name="buttons0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/na3b84b89-a1a5-4a88-9010-0e5e8976e4e3/buttons/buttons0" + /> + jcr:lastModified="{Date}2020-07-13T12:37:21.261-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttontext="About Us" + component="nt:unstructured" + iconclass="" + name="buttons1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/na3b84b89-a1a5-4a88-9010-0e5e8976e4e3/buttons/buttons1" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.470-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/cards" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="article" + bottompadding="20" + cardborder="true" + cardcolor="#ffffff" + cardsperrow="3" + cardsperrowmobile="1" + cardsperrowtab="2" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + customcardcolor="false" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + roundedcorners="large" + showbutton="false" + showcard="true" + showtext="true" + showtitle="true" + toppadding="20" + > + jcr:lastModified="{Date}2020-07-13T12:49:47.463-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="Organized rope hanging on a winch" + imagewidth="" + name="cards0" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards0" + text="Position 1 - Role 1" + title="Person 1" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.464-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/man.jpg" + imagealttext="Several sets of rope" + imagewidth="" + name="cards1" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards1" + text="Position 2 - Role 2" + title="Person 2" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.465-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="Messy pile of rope" + imagewidth="" + name="cards2" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards2" + text="Position 3 - Role 3" + title="Person 3" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.466-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="center" + buttoncolor="primary" + buttonlink="/content/themecleanflex/pages" + buttonsize="default" + buttontext="View" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/man.jpg" + imagealttext="Tying a sailor knot" + imagewidth="" + name="cards3" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/cards3" + text="Position 4 - Role X" + title="Person 4" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.467-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="" + buttoncolor="" + buttonlink="" + buttonsize="" + buttontext="" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="" + imagewidth="" + name="n1594669128031" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/n1594669128031" + text="Position 5 - Role X" + title="Position 5" + /> + jcr:lastModified="{Date}2020-07-13T12:49:47.469-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + buttonalign="" + buttoncolor="" + buttonlink="" + buttonsize="" + buttontext="" + component="nt:unstructured" + image="/content/themecleanflex/assets/placeholders/woman.jpg" + imagealttext="" + imagewidth="" + name="n1594669133827" + path="/jcr:content/nebf8e89b-7765-4d9c-9e19-bff3f4d03a7b/n764b8eef-0b83-434a-94dd-c03d6da81778/nb092e422-f193-4b14-81e8-732e661e62c5/cards/n1594669133827" + text="Position 6 - Role X" + title="Position 6" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml index 5b6798665..2a760c5af 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/.content.xml @@ -1,17 +1,19 @@ - + + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + xmlns:jcr="http://www.jcp.org/jcr/1.0" + jcr:primaryType="per:Page" +> + jcr:primaryType="per:PageContent" + sling:resourceType="themecleanflex/components/page" + jcr:title="themecleanflex root template" + siteCSS="[/content/themecleanflex/pages/css/commons.css,/content/themecleanflex/pages/css/palettes/default.css,/content/themecleanflex/pages/css/palette.css,/etc/felibs/themecleanflex.css,/content/themecleanflex/pages/css/custom.css,https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap]" + prefetchDNS="[https://www.youtube.com,https://s.ytimg.com,https://www.google.com,https://fonts.gstatic.com,https://www.youtube-nocookie.com]" + /> -
            - +
            + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml index 902609de5..3f730cf91 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/blank/.content.xml @@ -1,12 +1,17 @@ - - + + + jcr:lastModified="{Date}2020-07-13T10:37:43.991-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Blank" + sling:resourceType="themecleanflex/components/page" + /> diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml index 152532ebd..289af21ae 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/.content.xml @@ -1,116 +1,130 @@ - - + + + jcr:lastModified="{Date}2020-07-13T16:05:09.594-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Footer" + sling:resourceType="themecleanflex/components/page" + > + jcr:lastModified="{Date}2020-07-13T11:44:08.819-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="12" + htmlelement="section" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="12" + tabletwidth="auto" + width="auto" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.593-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/footer" + backgroundtype="color" + bgcolor="#eeeeee" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="0" + color2="#c0c0c0" + colorscheme="dark" + copyright="© 2020 example.com, Inc - All Rights Reserved" + custombackground="false" + fullheight="false" + htmlelement="footer" + iconcolor="#000000" + iconsize="25" + logo="/content/themecleanflex/assets/placeholders/1x1.png" + logoalttext="example company logo" + logosize="60" + logourl="/content/themecleanflex/pages/index" + overlaycolor="#ffffff" + overlayopacity="50" + showlogo="true" + toppadding="30" + > + jcr:lastModified="{Date}2020-07-13T16:05:09.589-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns0" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns0" + text="<div><ul><li><a href="/content/themecleanflex/pages/index.html" title="" target="_self">Home</a></li><li><a href="/content/themecleanflex/pages/articles.html" title="" target="_self">Articles</a></li><li><a href="/content/themecleanflex/pages/authors.html" title="" target="_self">Authors</a></li><li><a href="/content/themecleanflex/pages/sitemap.html" title="our sitemap - access all pages of this site" target="_self">Sitemap</a></li></ul></div><div><br></div>" + title="Menu" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.589-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="n1594665568050" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/n1594665568050" + text="" + title="" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns1" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns1" + text="<p>EMail:&nbsp;<a href="mailto:info@example.com" title="send us a note" target="_self">info@example.com</a><br>Phone: ++1 949 555 1212</p>" + title="Contact" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.590-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + name="columns2" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/columns/columns2" + text="<p>1234 South Sample Way<br>Neptune, CA 90909</p>" + title="Location" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.591-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + icon="twitter" + iconalttext="Twitter" + name="icons1" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/icons/icons1" + url="https://twitter.com/" + /> + jcr:lastModified="{Date}2020-07-13T16:05:09.592-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + component="nt:unstructured" + icon="linkedin" + iconalttext="linkedin" + name="icons2" + path="/jcr:content/nc12b75b5-25da-49e2-824e-0309b40a6a6b/icons/icons2" + url="https://www.linkedin.com" + /> - + diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml index 2e8bf0606..d4320d4d0 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/.content.xml @@ -1,70 +1,82 @@ - - + + - + jcr:lastModified="{Date}2020-07-14T06:58:31.113-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Header and Footer" + sling:resourceType="themecleanflex/components/page" + > + + jcr:lastModified="{Date}2020-07-13T14:34:58.574-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/header" + backgroundtype="color" + bgcolor="#eeeeee" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="10" + buttonsize="default" + collapsed="false" + color2="#c0c0c0" + colorscheme="dark" + custombackground="false" + elevation="1" + fullheight="false" + htmlelement="header" + linkcolor="light" + logo="/content/themecleanflex/assets/placeholders/1x1.png" + logoalttext="example company logo" + logosize="60" + logourl="/content/themecleanflex/pages/index" + overlaycolor="#ffffff" + overlayopacity="50" + sticky="true" + toppadding="10" + > + jcr:lastModified="{Date}2020-07-13T14:34:58.573-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + link="/content/themecleanflex/pages/articles" + text="Articles" + /> - + + jcr:lastModified="{Date}2020-07-13T14:37:32.223-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/breadcrumb" + bottompadding="10" + level="3" + linkcolor="primary" + toppadding="10" + /> + jcr:lastModified="{Date}2020-07-13T10:50:23.703-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + /> -
            +
            diff --git a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml index 0e999c437..c39be45a7 100644 --- a/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml +++ b/ui.apps/src/main/content/jcr_root/content/themecleanflex/templates/footer/header-footer/article/.content.xml @@ -1,127 +1,144 @@ - - + + - - + jcr:lastModified="{Date}2020-07-13T14:41:18.322-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="per:PageContent" + jcr:title="Article" + sling:resourceType="themecleanflex/components/page" + > + + + jcr:lastModified="{Date}2020-07-13T13:20:46.339-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + /> + jcr:lastModified="{Date}2020-07-13T13:45:11.608-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/spacer" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + height="2" + overlaycolor="#ffffff" + overlayopacity="50" + /> + jcr:lastModified="{Date}2020-07-13T13:25:09.816-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/containerblock" + alignitems="primary" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="22" + color2="#c0c0c0" + colorscheme="" + custombackground="false" + fullheight="false" + htmlelement="article" + overlaycolor="#ffffff" + overlayopacity="50" + > + jcr:lastModified="{Date}2020-07-13T14:41:18.322-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="8" + htmlelement="main" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="8" + tabletwidth="custom" + width="custom" + /> + jcr:lastModified="{Date}2020-07-13T14:41:11.357-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/container" + colspan="4" + htmlelement="section" + mobilecolspan="12" + mobilewidth="auto" + tabletcolspan="4" + tabletwidth="custom" + width="custom" + > + jcr:lastModified="{Date}2020-07-13T13:42:31.594-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/simpletext" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + element="h3" + fullheight="false" + htmlelement="section" + overlaycolor="#ffffff" + overlayopacity="50" + text="Related Content" + toppadding="20" + /> + jcr:lastModified="{Date}2020-07-13T13:42:41.983-07:00" + jcr:lastModifiedBy="admin" + jcr:primaryType="nt:unstructured" + sling:resourceType="themecleanflex/components/pagelist" + bgcolor="#ffffff" + bgsize="cover" + bgvideo="https://www.youtube.com/embed/Ju86mknumYM" + bgxposition="50" + bgyposition="50" + blockwidth="default" + bottompadding="20" + color2="#c0c0c0" + colorscheme="light" + custombackground="false" + excludesitemapexcludes="true" + fullheight="false" + htmlelement="section" + levels="1" + overlaycolor="#ffffff" + overlayopacity="50" + rootpage="/content/themecleanflex/pages/articles" + rootPageLink="/content/themecleanflex/pages/articles" + rootPageTitle="articles" + toppadding="5" + /> diff --git a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml index abca5a074..38770032b 100644 --- a/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml +++ b/ui.apps/src/main/content/jcr_root/etc/felibs/themecleanflex/.content.xml @@ -1,8 +1,9 @@ - + \ No newline at end of file + xmlns:jcr="http://www.jcp.org/jcr/1.0" + xmlns:sling="http://sling.apache.org/jcr/sling/1.0" + jcr:primaryType="per:FeLib" + jcr:title="themecleanflex" + jcr:description="themecleanflex" + sling:resourceType="felib/components/lib" +/>

    ${entry.version} ${entry.url}

    ${entry.version} ${entry.url}