authoring changes readme->guide

styling tweaks added support for v3 image component
ez-aem · Feb 17, 2022 · 093eee1 · 093eee1
1 parent dc34bf7
commit 093eee1
Show file tree

Hide file tree

Showing 40 changed files with 297 additions and 75 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aem-site-template-tailwind",
-  "version": "1.23.9",
+  "version": "1.23.10",
   "description": "AEM Site Template built with Tailwind CSS. Includes an easy-to-remove Wireframe Theme as an example of best-practices for theming site templates",
   "license": "MIT License, Copyright 2022 headwire.com",
   "scripts": {
@@ -38,7 +38,7 @@
     "showcaseUrl": "",
     "sourceRepositoryUrl": "https://github.com/ez-aem/aem-site-template-tailwind",
     "openAction": "viewAsPublished",
-    "openItem": "{Path}/onboarding"
+    "openItem": "{Path}/guide"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

diff --git a/.../main/content/jcr_root/conf/aem-site-template-tailwind/settings/wcm/policies/.content.xml b/.../main/content/jcr_root/conf/aem-site-template-tailwind/settings/wcm/policies/.content.xml
@@ -167,7 +167,7 @@
                 jcr:primaryType="nt:unstructured"
                 jcr:title="Page Root"
                 sling:resourceType="wcm/core/components/policy/policy"
-                components="[group:Core Content,group:Core Form,group:Core Structure]"
+                components="[group:Core Content,group:Core Form,group:Core Structure,/libs/core/wcm/components/image/v3/image]"
                 layoutDisabled="false"
               >
                                 <jcr:content
@@ -182,7 +182,7 @@
                       assetGroup="media"
                       assetMimetype="image/*"
                       droptarget="image"
-                      resourceType="core/wcm/components/image/v2/image"
+                      resourceType="core/wcm/components/image/v3/image"
                     />
                                         <mapping_1575030843388
                       jcr:primaryType="nt:unstructured"
@@ -208,7 +208,7 @@
                 jcr:primaryType="nt:unstructured"
                 jcr:title="Page Hero"
                 sling:resourceType="wcm/core/components/policy/policy"
-                components="[/libs/core/wcm/components/carousel/v1/carousel,/libs/core/wcm/components/experiencefragment/v1/experiencefragment,/libs/core/wcm/components/image/v2/image,/libs/core/wcm/components/tabs/v1/tabs,/libs/core/wcm/components/teaser/v1/teaser]"
+                components="[/libs/core/wcm/components/carousel/v1/carousel,/libs/core/wcm/components/experiencefragment/v1/experiencefragment,/libs/core/wcm/components/image/v2/image,/libs/core/wcm/components/image/v3/image,/libs/core/wcm/components/tabs/v1/tabs,/libs/core/wcm/components/teaser/v1/teaser]"
                 layout="simple"
                 layoutDisabled="false"
               >
@@ -224,7 +224,7 @@
                       assetGroup="media"
                       assetMimetype="image/*"
                       droptarget="image"
-                      resourceType="core/wcm/components/image/v2/image"
+                      resourceType="core/wcm/components/image/v3/image"
                     />
                                         <mapping_1575030260142
                       jcr:primaryType="nt:unstructured"
@@ -292,7 +292,7 @@
                 jcr:primaryType="nt:unstructured"
                 jcr:title="Page Main"
                 sling:resourceType="wcm/core/components/policy/policy"
-                components="[group:Core Content,group:Core Form,group:Core Structure]"
+                components="[group:Core Content,group:Core Form,group:Core Structure,/libs/core/wcm/components/image/v3/image]"
                 layout="responsiveGrid"
                 layoutDisabled="false"
               >
@@ -353,7 +353,7 @@
                 jcr:primaryType="nt:unstructured"
                 jcr:title="XF Root"
                 sling:resourceType="wcm/core/components/policy/policy"
-                components="[group:Core Content,group:Core Structure]"
+                components="[group:Core Content,group:Core Structure,/libs/core/wcm/components/image/v3/image]"
                 layout="responsiveGrid"
                 layoutDisabled="false"
               >
@@ -369,7 +369,7 @@
                       assetGroup="media"
                       assetMimetype="image/*"
                       droptarget="image"
-                      resourceType="core/wcm/components/image/v2/image"
+                      resourceType="core/wcm/components/image/v3/image"
                     />
                                         <mapping_1575030843388
                       jcr:primaryType="nt:unstructured"
@@ -435,7 +435,7 @@
                 jcr:primaryType="nt:unstructured"
                 jcr:title="Page Content"
                 sling:resourceType="wcm/core/components/policy/policy"
-                components="[group:Core Content,group:Core Form,group:Core Structure]"
+                components="[group:Core Content,group:Core Form,group:Core Structure,/libs/core/wcm/components/image/v3/image]"
                 layout="responsiveGrid"
                 layoutDisabled="false"
               >
@@ -451,7 +451,7 @@
                       assetGroup="media"
                       assetMimetype="image/*"
                       droptarget="image"
-                      resourceType="core/wcm/components/image/v2/image"
+                      resourceType="core/wcm/components/image/v3/image"
                     />
                                         <mapping_1575030260142
                       jcr:primaryType="nt:unstructured"
@@ -958,6 +958,96 @@
                             </policy_default>
                         </image>
                     </v2>
+                    <v3 jcr:primaryType="nt:unstructured">
+                        <image jcr:primaryType="nt:unstructured">
+                            <policy_default
+                cq:styleDefaultClasses="standard"
+                jcr:description="- Enable lazy loading for faster page loading.&#xd;&#xa;- Define allowed image widths for automatic loading of the image in the most optimal resolution, given the size at which each image is displayed on the page, and the visitor's pixel density.&#xd;&#xa;- Disallow direct asset upload, to force authors to first upload the images to Assets."
+                jcr:lastModified="{Date}2022-02-16T15:54:30.983-03:00"
+                jcr:lastModifiedBy="admin"
+                jcr:primaryType="nt:unstructured"
+                jcr:title="Content Image"
+                sling:resourceType="wcm/core/components/policy/policy"
+                allowedRenditionWidths="[320,480,600,800,1024,1200,1600]"
+                allowUpload="false"
+                altValueFromDAM="true"
+                disableLazyLoading="false"
+                displayPopupTitle="true"
+                isDecorative="false"
+                jpegQuality="{Long}85"
+                titleValueFromDAM="true"
+                uuidDisabled="true"
+              >
+                                <jcr:content
+                  jcr:primaryType="nt:unstructured"
+                />
+                                <plugins jcr:primaryType="nt:unstructured">
+                                    <crop
+                    jcr:primaryType="nt:unstructured"
+                    features="*"
+                  >
+                                        <aspectRatios
+                      jcr:primaryType="nt:unstructured"
+                    >
+                                            <item0
+                        jcr:primaryType="nt:unstructured"
+                        name="Wide Landscape"
+                        ratio="0.6180"
+                      />
+                                            <item1
+                        jcr:primaryType="nt:unstructured"
+                        name="Landscape"
+                        ratio="0.8284"
+                      />
+                                            <item2
+                        jcr:primaryType="nt:unstructured"
+                        name="Square"
+                        ratio="1"
+                      />
+                                            <item3
+                        jcr:primaryType="nt:unstructured"
+                        name="Portrait"
+                        ratio="1.6180"
+                      />
+                                        </aspectRatios>
+                                    </crop>
+                                    <rotate
+                    jcr:primaryType="nt:unstructured"
+                    features="right"
+                  />
+                                    <flip
+                    jcr:primaryType="nt:unstructured"
+                    features="-"
+                  />
+                                </plugins>
+                                <cq:styleGroups
+                  jcr:primaryType="nt:unstructured"
+                >
+                                    <item0
+                    cq:styleGroupLabel="Styles"
+                    jcr:primaryType="nt:unstructured"
+                  >
+                                        <cq:styles
+                      jcr:primaryType="nt:unstructured"
+                    >
+                                            <item0
+                        cq:styleClasses="standard"
+                        cq:styleId="1612913719939"
+                        cq:styleLabel="standard"
+                        jcr:primaryType="nt:unstructured"
+                      />
+                                            <item1
+                        cq:styleClasses="caption"
+                        cq:styleId="1612913724665"
+                        cq:styleLabel="caption"
+                        jcr:primaryType="nt:unstructured"
+                      />
+                                        </cq:styles>
+                                    </item0>
+                                </cq:styleGroups>
+                            </policy_default>
+                        </image>
+                    </v3>
                 </image>
                 <languagenavigation jcr:primaryType="nt:unstructured">
                     <v1 jcr:primaryType="nt:unstructured">

diff --git a/...conf/aem-site-template-tailwind/settings/wcm/templates/article-page/policies/.content.xml b/...conf/aem-site-template-tailwind/settings/wcm/templates/article-page/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                <v3 jcr:primaryType="nt:unstructured">
+                                    <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">
@@ -209,6 +216,13 @@
                       sling:resourceType="wcm/core/components/policies/mapping"
                     />
                                     </v2>
+                                    <v3 jcr:primaryType="nt:unstructured">
+                                        <image
+                      cq:policy="core/wcm/components/image/v3/image/policy_default"
+                      jcr:primaryType="nt:unstructured"
+                      sling:resourceType="wcm/core/components/policies/mapping"
+                    />
+                                    </v3>
                                 </image>
                                 <download jcr:primaryType="nt:unstructured">
                                     <v1 jcr:primaryType="nt:unstructured">
@@ -310,6 +324,13 @@
                         sling:resourceType="wcm/core/components/policies/mapping"
                       />
                                         </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                        cq:policy="core/wcm/components/image/v3/image/policy_default"
+                        jcr:primaryType="nt:unstructured"
+                        sling:resourceType="wcm/core/components/policies/mapping"
+                      />
+                                        </v3>
                                     </image>
                                     <container
                     jcr:primaryType="nt:unstructured"

diff --git a/...t/conf/aem-site-template-tailwind/settings/wcm/templates/blank-page/policies/.content.xml b/...t/conf/aem-site-template-tailwind/settings/wcm/templates/blank-page/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                        </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">

diff --git a/...mplate-tailwind/settings/wcm/templates/full-width-hero-grid-content/policies/.content.xml b/...mplate-tailwind/settings/wcm/templates/full-width-hero-grid-content/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                        </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">
@@ -216,6 +223,13 @@
                       sling:resourceType="wcm/core/components/policies/mapping"
                     />
                                     </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                      cq:policy="core/wcm/components/image/v3/image/policy_default"
+                      jcr:primaryType="nt:unstructured"
+                      sling:resourceType="wcm/core/components/policies/mapping"
+                    />
+                                        </v3>
                                 </image>
                                 <download jcr:primaryType="nt:unstructured">
                                     <v1 jcr:primaryType="nt:unstructured">

diff --git a/...te-template-tailwind/settings/wcm/templates/grid-width-content-page/policies/.content.xml b/...te-template-tailwind/settings/wcm/templates/grid-width-content-page/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                        </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">
@@ -209,6 +216,13 @@
                       sling:resourceType="wcm/core/components/policies/mapping"
                     />
                                     </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                      cq:policy="core/wcm/components/image/v3/image/policy_default"
+                      jcr:primaryType="nt:unstructured"
+                      sling:resourceType="wcm/core/components/policies/mapping"
+                    />
+                                        </v3>
                                 </image>
                                 <download jcr:primaryType="nt:unstructured">
                                     <v1 jcr:primaryType="nt:unstructured">

diff --git a/.../conf/aem-site-template-tailwind/settings/wcm/templates/page-w-hero/policies/.content.xml b/.../conf/aem-site-template-tailwind/settings/wcm/templates/page-w-hero/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                        </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">
@@ -216,6 +223,13 @@
                       sling:resourceType="wcm/core/components/policies/mapping"
                     />
                                     </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                      cq:policy="core/wcm/components/image/v3/image/policy_default"
+                      jcr:primaryType="nt:unstructured"
+                      sling:resourceType="wcm/core/components/policies/mapping"
+                    />
+                                        </v3>
                                 </image>
                                 <download jcr:primaryType="nt:unstructured">
                                     <v1 jcr:primaryType="nt:unstructured">

diff --git a/...f/aem-site-template-tailwind/settings/wcm/templates/two-column-grid/policies/.content.xml b/...f/aem-site-template-tailwind/settings/wcm/templates/two-column-grid/policies/.content.xml
@@ -88,6 +88,13 @@
                     sling:resourceType="wcm/core/components/policies/mapping"
                   />
                                 </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                    cq:policy="core/wcm/components/image/v3/image/policy_default"
+                    jcr:primaryType="nt:unstructured"
+                    sling:resourceType="wcm/core/components/policies/mapping"
+                  />
+                                        </v3>
                             </image>
                             <download jcr:primaryType="nt:unstructured">
                                 <v1 jcr:primaryType="nt:unstructured">
@@ -216,6 +223,13 @@
                       sling:resourceType="wcm/core/components/policies/mapping"
                     />
                                     </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                      cq:policy="core/wcm/components/image/v3/image/policy_default"
+                      jcr:primaryType="nt:unstructured"
+                      sling:resourceType="wcm/core/components/policies/mapping"
+                    />
+                                        </v3>
                                 </image>
                                 <download jcr:primaryType="nt:unstructured">
                                     <v1 jcr:primaryType="nt:unstructured">
@@ -319,6 +333,13 @@
                         sling:resourceType="wcm/core/components/policies/mapping"
                       />
                                         </v2>
+                                        <v3 jcr:primaryType="nt:unstructured">
+                                            <image
+                        cq:policy="core/wcm/components/image/v3/image/policy_default"
+                        jcr:primaryType="nt:unstructured"
+                        sling:resourceType="wcm/core/components/policies/mapping"
+                      />
+                                        </v3>
                                     </image>
                                     <embed jcr:primaryType="nt:unstructured">
                                         <v1 jcr:primaryType="nt:unstructured">