hr-design-system-handlebars 1.90.2 → 1.90.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.90.3 (Fri Aug 09 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - refactoring of metadatabox [#1045](https://github.com/mumprod/hr-design-system-handlebars/pull/1045) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
1
13
  # v1.90.2 (Thu Aug 08 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
@@ -1347,9 +1347,6 @@ article.indexTextDS .indexTextHighlighted .link {
1347
1347
  .-mt-8 {
1348
1348
  margin-top: -2rem;
1349
1349
  }
1350
- .-mt-\[18px\] {
1351
- margin-top: -18px;
1352
- }
1353
1350
  .-mt-\[33px\] {
1354
1351
  margin-top: -33px;
1355
1352
  }
@@ -3327,7 +3324,7 @@ article.indexTextDS .indexTextHighlighted .link {
3327
3324
  border-bottom-color: var(--color-secondary-ds);
3328
3325
  }
3329
3326
  .counter-reset {
3330
- counter-reset: cnt1723115931168;
3327
+ counter-reset: cnt1723199852550;
3331
3328
  }
3332
3329
  .hyphens-auto {
3333
3330
  -webkit-hyphens: auto;
@@ -3735,7 +3732,7 @@ article.indexTextDS .indexTextHighlighted .link {
3735
3732
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3736
3733
  }
3737
3734
  .-ordered {
3738
- counter-increment: cnt1723115931168 1;
3735
+ counter-increment: cnt1723199852550 1;
3739
3736
  }
3740
3737
  .-ordered::before {
3741
3738
  position: absolute;
@@ -3751,7 +3748,7 @@ article.indexTextDS .indexTextHighlighted .link {
3751
3748
  letter-spacing: .0125em;
3752
3749
  --tw-text-opacity: 1;
3753
3750
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3754
- content: counter(cnt1723115931168);
3751
+ content: counter(cnt1723199852550);
3755
3752
  }
3756
3753
  /*! ****************************/
3757
3754
  /*! DataPolicy stuff */
@@ -5961,6 +5958,35 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
5961
5958
  clear: both;
5962
5959
  }
5963
5960
  }
5961
+
5962
+ .print\:ar-16-9,.print\:ar-16-9 > img {
5963
+ aspect-ratio: 16 / 9;
5964
+ }
5965
+
5966
+ @supports not (aspect-ratio: 16 / 9) {
5967
+ .print\:ar-16-9::before {
5968
+ float: left;
5969
+ padding-top: calc(9 / 16 * 100%);
5970
+ content: '';
5971
+ }
5972
+
5973
+ .print\:ar-16-9::after {
5974
+ display: block;
5975
+ content: '';
5976
+ clear: both;
5977
+ }
5978
+ .print\:ar-16-9::before {
5979
+ float: left;
5980
+ padding-top: calc(9 / 16 * 100%);
5981
+ content: '';
5982
+ }
5983
+
5984
+ .print\:ar-16-9::after {
5985
+ display: block;
5986
+ content: '';
5987
+ clear: both;
5988
+ }
5989
+ }
5964
5990
  }
5965
5991
  @media (min-width: 360px) {
5966
5992
 
@@ -19,9 +19,9 @@
19
19
  {{else}}
20
20
 
21
21
  {{#if this.hasOneAuthor~}}
22
- <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
22
+ <div class="flex items-center">
23
23
  {{#if this.authorImage.isImage}}
24
- <div class="w-10 h-10 mr-4 basis-10 grow-0">
24
+ <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
25
25
  {{~> components/base/image/responsive_image this.authorImage
26
26
  _type="profile"
27
27
  _variant="ticker"
@@ -31,13 +31,16 @@
31
31
  </div>
32
32
  {{/if}}
33
33
  <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
34
- {{#unless _hideFrom }}Von{{/unless}}
35
- {{#if this.authorUrl~}}
36
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
37
- {{else}}
38
- {{this.authorTitle}}
39
- {{/if}}
40
- {{#with this.textAfterAuthor}} {{this}}{{/with}}
34
+ <div class="mb-1">
35
+ {{#unless _hideFrom }}Von{{/unless}}
36
+ {{#if this.authorUrl~}}
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
38
+ {{else}}
39
+ {{this.authorTitle}}
40
+ {{/if}}
41
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
42
+ </div>
43
+ {{> components/page/components/publicationdate }}
41
44
  </div>
42
45
  </div>
43
46
  {{~/if}}
@@ -5,7 +5,13 @@
5
5
  {{> components/page/components/author _hideFrom=false }}
6
6
 
7
7
  {{#if _showDate }}
8
- {{> components/page/components/publicationdate }}
8
+ {{#if this.hasMoreThanOneAuthor}}
9
+ {{> components/page/components/publicationdate }}
10
+ {{else}}
11
+ {{#unless this.hasOneAuthor}}
12
+ {{> components/page/components/publicationdate }}
13
+ {{/unless}}
14
+ {{/if}}
9
15
  {{/if}}
10
16
 
11
17
  {{> components/page/components/commentinfo }}
@@ -1,4 +1,4 @@
1
- <div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-[18px] ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
1
+ <div class="text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
2
2
 
3
3
  {{#with this.documentModificationDate~}}
4
4
 
@@ -15,7 +15,7 @@
15
15
  _cssClassCaption="mx-5 md:mx-0"
16
16
  _type="story"
17
17
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
18
- _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
18
+ _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9 print:ar-16-9" "ar-16-9")
19
19
  _isWebview=../../../_webview-adjust_context
20
20
  _noDelay=true}}
21
21
  {{/if}}
@@ -19,9 +19,9 @@
19
19
  {{else}}
20
20
 
21
21
  {{#if this.hasOneAuthor~}}
22
- <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
22
+ <div class="flex items-center">
23
23
  {{#if this.authorImage.isImage}}
24
- <div class="w-10 h-10 mr-4 basis-10 grow-0">
24
+ <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
25
25
  {{~> components/base/image/responsive_image this.authorImage
26
26
  _type="profile"
27
27
  _variant="ticker"
@@ -31,13 +31,16 @@
31
31
  </div>
32
32
  {{/if}}
33
33
  <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
34
- {{#unless _hideFrom }}Von{{/unless}}
35
- {{#if this.authorUrl~}}
36
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
37
- {{else}}
38
- {{this.authorTitle}}
39
- {{/if}}
40
- {{#with this.textAfterAuthor}} {{this}}{{/with}}
34
+ <div class="mb-1">
35
+ {{#unless _hideFrom }}Von{{/unless}}
36
+ {{#if this.authorUrl~}}
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
38
+ {{else}}
39
+ {{this.authorTitle}}
40
+ {{/if}}
41
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
42
+ </div>
43
+ {{> components/page/components/publicationdate }}
41
44
  </div>
42
45
  </div>
43
46
  {{~/if}}
@@ -5,7 +5,13 @@
5
5
  {{> components/page/components/author _hideFrom=false }}
6
6
 
7
7
  {{#if _showDate }}
8
- {{> components/page/components/publicationdate }}
8
+ {{#if this.hasMoreThanOneAuthor}}
9
+ {{> components/page/components/publicationdate }}
10
+ {{else}}
11
+ {{#unless this.hasOneAuthor}}
12
+ {{> components/page/components/publicationdate }}
13
+ {{/unless}}
14
+ {{/if}}
9
15
  {{/if}}
10
16
 
11
17
  {{> components/page/components/commentinfo }}
@@ -1,4 +1,4 @@
1
- <div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-[18px] ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
1
+ <div class="text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
2
2
 
3
3
  {{#with this.documentModificationDate~}}
4
4
 
@@ -15,7 +15,7 @@
15
15
  _cssClassCaption="mx-5 md:mx-0"
16
16
  _type="story"
17
17
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
18
- _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
18
+ _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9 print:ar-16-9" "ar-16-9")
19
19
  _isWebview=../_webview
20
20
  _noDelay=true}}
21
21
  {{/if}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.90.2",
9
+ "version": "1.90.3",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -11,6 +11,7 @@
11
11
  "time": "19:30"
12
12
  },
13
13
  "authorTitle": "Steffen Rebhahn",
14
+ "textAfterAuthor": "(Redaktion hessenschau.de)",
14
15
  "authorImage": {
15
16
  "@->jsoninclude": "page/story/story_images.inc.json",
16
17
  "@->contentpath": "author",
@@ -15,6 +15,7 @@
15
15
  "quantity": "117"
16
16
  },
17
17
  "authorTitle": "Steffen Rebhahn",
18
+ "textAfterAuthor": "(Redaktion hessenschau.de)",
18
19
  "authorImage": {
19
20
  "@->jsoninclude": "page/story/story_images.inc.json",
20
21
  "@->contentpath": "author",
@@ -11,6 +11,7 @@
11
11
  "time": "19:30"
12
12
  },
13
13
  "authorTitle": "Steffen Rebhahn",
14
+ "textAfterAuthor": "(Redaktion hessenschau.de)",
14
15
  "authorUrl": "/author-url",
15
16
  "webviewAuthorUrl": "webview-author-url",
16
17
  "socialSharing": {
@@ -19,9 +19,9 @@
19
19
  {{else}}
20
20
 
21
21
  {{#if this.hasOneAuthor~}}
22
- <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
22
+ <div class="flex items-center">
23
23
  {{#if this.authorImage.isImage}}
24
- <div class="w-10 h-10 mr-4 basis-10 grow-0">
24
+ <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
25
25
  {{~> components/base/image/responsive_image this.authorImage
26
26
  _type="profile"
27
27
  _variant="ticker"
@@ -31,13 +31,16 @@
31
31
  </div>
32
32
  {{/if}}
33
33
  <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
34
- {{#unless _hideFrom }}Von{{/unless}}
35
- {{#if this.authorUrl~}}
36
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
37
- {{else}}
38
- {{this.authorTitle}}
39
- {{/if}}
40
- {{#with this.textAfterAuthor}} {{this}}{{/with}}
34
+ <div class="mb-1">
35
+ {{#unless _hideFrom }}Von{{/unless}}
36
+ {{#if this.authorUrl~}}
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
38
+ {{else}}
39
+ {{this.authorTitle}}
40
+ {{/if}}
41
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
42
+ </div>
43
+ {{> components/page/components/publicationdate }}
41
44
  </div>
42
45
  </div>
43
46
  {{~/if}}
@@ -5,7 +5,13 @@
5
5
  {{> components/page/components/author _hideFrom=false }}
6
6
 
7
7
  {{#if _showDate }}
8
- {{> components/page/components/publicationdate }}
8
+ {{#if this.hasMoreThanOneAuthor}}
9
+ {{> components/page/components/publicationdate }}
10
+ {{else}}
11
+ {{#unless this.hasOneAuthor}}
12
+ {{> components/page/components/publicationdate }}
13
+ {{/unless}}
14
+ {{/if}}
9
15
  {{/if}}
10
16
 
11
17
  {{> components/page/components/commentinfo }}
@@ -1,4 +1,4 @@
1
- <div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-[18px] ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
1
+ <div class="text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
2
2
 
3
3
  {{#with this.documentModificationDate~}}
4
4
 
@@ -1 +1 @@
1
- {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
1
+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","textAfterAuthor":"(Redaktion hessenschau.de)","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
@@ -1 +1 @@
1
- {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"authorTitle":"Steffen Rebhahn","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
1
+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"authorTitle":"Steffen Rebhahn","textAfterAuthor":"(Redaktion hessenschau.de)","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
@@ -1 +1 @@
1
- {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
1
+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","textAfterAuthor":"(Redaktion hessenschau.de)","authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url","copyToClipboardLink":"/copyToClipboard-url"}}
@@ -15,7 +15,7 @@
15
15
  _cssClassCaption="mx-5 md:mx-0"
16
16
  _type="story"
17
17
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
18
- _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
18
+ _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9 print:ar-16-9" "ar-16-9")
19
19
  _isWebview=../_webview-adjust_context
20
20
  _noDelay=true}}
21
21
  {{/if}}