npm - @oiz/stzh-components - Versions diffs - 3.0.0 → 3.1.0 - Mend

@oiz/stzh-components 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (713) hide show

package/dist/collection/components/stzh-cspace/stzh-cspace.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -527,28 +530,33 @@ stzh-cspace > .stzh-cspace > .section > stzh-chipgroup, stzh-cspace > .stzh-cspa
   margin-bottom: var(--stzh-space-xlarge);
 }
 stzh-cspace > .stzh-cspace > .section > stzh-message, stzh-cspace > .stzh-cspace > stzh-message {
-  margin-bottom: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 600px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-message, stzh-cspace > .stzh-cspace > stzh-message {
+    margin-bottom: var(--stzh-space-large);
+  }
 }
 @media screen and (min-width: 900px) {
   stzh-cspace > .stzh-cspace > .section > stzh-message, stzh-cspace > .stzh-cspace > stzh-message {
-    margin-bottom: var(--stzh-space-xxxlarge);
+    margin-bottom: var(--stzh-space-xlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   stzh-cspace > .stzh-cspace > .section > stzh-message, stzh-cspace > .stzh-cspace > stzh-message {
-    margin-bottom: var(--stzh-space-xxxxlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
+stzh-cspace > .stzh-cspace > .section > stzh-cardlist, stzh-cspace > .stzh-cspace > stzh-cardlist, stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
   margin-bottom: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 900px) {
-  stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
+  stzh-cspace > .stzh-cspace > .section > stzh-cardlist, stzh-cspace > .stzh-cspace > stzh-cardlist, stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
     margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
+  stzh-cspace > .stzh-cspace > .section > stzh-cardlist, stzh-cspace > .stzh-cspace > stzh-cardlist, stzh-cspace > .stzh-cspace > .section > stzh-contact, stzh-cspace > .stzh-cspace > stzh-contact, stzh-cspace > .stzh-cspace > .section > stzh-accordion, stzh-cspace > .stzh-cspace > stzh-accordion, stzh-cspace > .stzh-cspace > .section > stzh-anchornav, stzh-cspace > .stzh-cspace > stzh-anchornav, stzh-cspace > .stzh-cspace > .section > stzh-audio, stzh-cspace > .stzh-cspace > stzh-audio, stzh-cspace > .stzh-cspace > .section > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > stzh-microsite-teaserlist, stzh-cspace > .stzh-cspace > .section > stzh-gallery, stzh-cspace > .stzh-cspace > stzh-gallery, stzh-cspace > .stzh-cspace > .section > stzh-panorama, stzh-cspace > .stzh-cspace > stzh-panorama, stzh-cspace > .stzh-cspace > .section > stzh-chart, stzh-cspace > .stzh-cspace > stzh-chart, stzh-cspace > .stzh-cspace > .section > stzh-sitemap, stzh-cspace > .stzh-cspace > stzh-sitemap, stzh-cspace > .stzh-cspace > .section > stzh-hr, stzh-cspace > .stzh-cspace > stzh-hr, stzh-cspace > .stzh-cspace > .section > stzh-archivelist, stzh-cspace > .stzh-cspace > stzh-archivelist, stzh-cspace > .stzh-cspace > .section > stzh-figure, stzh-cspace > .stzh-cspace > stzh-figure, stzh-cspace > .stzh-cspace > stzh-iframe, stzh-cspace > .stzh-cspace > .section > stzh-youtube, stzh-cspace > .stzh-cspace > stzh-youtube, stzh-cspace > .stzh-cspace > .section > stzh-vbz-ticker, stzh-cspace > .stzh-cspace > stzh-vbz-ticker {
     margin-bottom: var(--stzh-space-xxxxlarge);
   }
 }
@@ -599,22 +607,90 @@ stzh-cspace > .stzh-cspace > .section > stzh-section[variant=highlight], stzh-cs
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
+stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 600px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-top: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-top: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 600px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-bottom: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=contextbox], stzh-cspace > .stzh-cspace > stzh-section[variant=contextbox] {
+    margin-bottom: var(--stzh-space-xxlarge);
+  }
+}
+stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 600px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-top: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-top: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 600px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-bottom: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  stzh-cspace > .stzh-cspace > .section > stzh-section[variant=default], stzh-cspace > .stzh-cspace > stzh-section[variant=default] {
+    margin-bottom: var(--stzh-space-xxlarge);
+  }
+}
 stzh-cspace > .stzh-cspace > .section > stzh-pagetitle[background=default], stzh-cspace > .stzh-cspace > stzh-pagetitle[background=default] {
-  margin-bottom: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-large);
 }
 @media screen and (min-width: 600px) {
   stzh-cspace > .stzh-cspace > .section > stzh-pagetitle[background=default], stzh-cspace > .stzh-cspace > stzh-pagetitle[background=default] {
-    margin-bottom: var(--stzh-space-xxxxlarge);
+    margin-bottom: var(--stzh-space-xlarge);
   }
 }
 @media screen and (min-width: 900px) {
   stzh-cspace > .stzh-cspace > .section > stzh-pagetitle[background=default], stzh-cspace > .stzh-cspace > stzh-pagetitle[background=default] {
-    margin-bottom: var(--stzh-space-xxxxlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   stzh-cspace > .stzh-cspace > .section > stzh-pagetitle[background=default], stzh-cspace > .stzh-cspace > stzh-pagetitle[background=default] {
-    margin-bottom: var(--stzh-space-xbig);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 stzh-cspace > .stzh-cspace > .section > stzh-richtext[has-hidden-last-margin], stzh-cspace > .stzh-cspace > stzh-richtext[has-hidden-last-margin] {
@@ -867,17 +943,17 @@ stzh-cspace > .stzh-cspace > .section > stzh-pagination, stzh-cspace > .stzh-csp
   }
 }
 stzh-cspace > .stzh-cspace > .section > stzh-actions, stzh-cspace > .stzh-cspace > stzh-actions {
-  margin-top: var(--stzh-space-xlarge);
+  margin-top: var(--stzh-space-small);
   margin-bottom: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 900px) {
   stzh-cspace > .stzh-cspace > .section > stzh-actions, stzh-cspace > .stzh-cspace > stzh-actions {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-medium);
   }
 }
 @media screen and (min-width: 1260px) {
   stzh-cspace > .stzh-cspace > .section > stzh-actions, stzh-cspace > .stzh-cspace > stzh-actions {
-    margin-top: var(--stzh-space-xxxlarge);
+    margin-top: var(--stzh-space-large);
   }
 }
 @media screen and (min-width: 600px) {
@@ -1039,6 +1115,36 @@ stzh-cspace > .stzh-cspace > .section > .cspace-b-curve-small, stzh-cspace > .st
     margin-bottom: var(--stzh-space-large);
   }
 }
+stzh-cspace > .stzh-cspace > .section > .cspace-y-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-y-curve-intermediary {
+  margin-top: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > .cspace-y-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-y-curve-intermediary {
+    margin-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > .cspace-y-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-y-curve-intermediary {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+stzh-cspace > .stzh-cspace > .section > .cspace-t-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-t-curve-intermediary {
+  margin-top: var(--stzh-space-medium);
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > .cspace-t-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-t-curve-intermediary {
+    margin-top: var(--stzh-space-large);
+  }
+}
+stzh-cspace > .stzh-cspace > .section > .cspace-b-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-b-curve-intermediary {
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 900px) {
+  stzh-cspace > .stzh-cspace > .section > .cspace-b-curve-intermediary, stzh-cspace > .stzh-cspace > .cspace-b-curve-intermediary {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 stzh-cspace > .stzh-cspace > .section > .cspace-y-curve-regular, stzh-cspace > .stzh-cspace > .cspace-y-curve-regular {
   margin-top: var(--stzh-space-medium);
   margin-bottom: var(--stzh-space-medium);

package/dist/collection/components/stzh-cta/stzh-cta.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datalist/stzh-datalist.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -321,8 +324,8 @@
   color: var(--value-hover-color);
 }
 .stzh-datalist-item--direction-vertical .stzh-datalist-item__leading:not(:empty), .stzh-datalist-item--direction-vertical .stzh-datalist-item__wrapper:not(:empty), .stzh-datalist-item--direction-vertical .stzh-datalist-item__action-list:not(:empty) {
-  padding-top: var(--stzh-space-xxsmall);
-  padding-bottom: var(--stzh-space-xxsmall);
+  padding-top: var(--stzh-space-xsmall);
+  padding-bottom: var(--stzh-space-xsmall);
 }
 .stzh-datalist-item--direction-vertical .stzh-datalist-item__meta {
   flex-direction: column;

package/dist/collection/components/stzh-datamessagelist/stzh-datamessagelist.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.stories.js CHANGED Viewed

@@ -67,3 +67,24 @@ export const Default = {
     ]
   }
 };
+export const WithActions = {
+  render: (args) => story(args, TEMPLATE),
+  args: {
+    heading: "Lorem ipsum dolor",
+    unread: true,
+    description: "Laboris laborum aute id laboris culpa esse aliquip nisi anim velit. Minim sunt eiusmod do laborum amet ut magna. Labore dolore id nostrud enim Lorem pariatur ad dolore id eiusmod adipisicing laboris laborum minim.",
+    actions: [
+      {
+        "id": "edit-action-id",
+        "label": "Edit",
+        "icon": "edit"
+      },
+      {
+        "id": "delete-action-id",
+        "label": "Delete",
+        "icon": "delete"
+      }
+    ]
+  }
+};

package/dist/collection/components/stzh-datatable/stzh-datatable.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datepicker/stzh-datepicker.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-datepicker/stzh-datepicker.js CHANGED Viewed

@@ -460,7 +460,7 @@ export class StzhDatepicker {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "text": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         "attribute": "hide-optional",
         "reflect": true,

package/dist/collection/components/stzh-datepicker/stzh-datepicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-datepicker.js","sourceRoot":"","sources":["../../../../src/components/stzh-datepicker/stzh-datepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Prop,\n Host,\n Element,\n h,\n Event,\n EventEmitter,\n Method,\n Watch,\n Fragment,\n State,\n Listen\n} from \"@stencil/core\";\n\nimport {\n StzhCalendarChangeEvent,\n StzhDatepickerChangeEvent\n} from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\"\nimport { StzhLocaleAdapter } from \"../../utils/date-adapter\"\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/*\n @slot action - Slot for action below calendar (stzh-link element)\n /\n@Component({\n tag: \"stzh-datepicker\",\n styleUrl: \"stzh-datepicker.scss\",\n scoped: true\n})\nexport class StzhDatepicker {\n /\n Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the max property.\n /\n @Prop() calendarMin: string = \"\"\n\n /\n Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the min property.\n /\n @Prop() calendarMax: string = \"\"\n\n /\n Controls which days are disabled and therefore disallowed.\n * For example, this can be used to disallow selection of weekends.\n /\n @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false\n\n /* Name of the hidden date picker input. /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Value of hidden date picker input (current selected date in ISO format). /\n @Prop({ mutable: true }) value: string = \"\";\n @State() calendarValue: string = \"\";\n @State() inputValue: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Label for input field and popover /\n @Prop() label: string = \"\";\n\n /* Whether label is visually hidden. /\n @Prop() labelHidden: boolean = false;\n\n /* Whether the element is readonly or not /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form ot hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Show calendar inline /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /\n Date adapter visible date shown to the user, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n /\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n /\n Date adapter for internal date passed to backend, for custom parsing/formatting.\n * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n * or `StzhLocaleAdapter` (must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.)\n /\n @Prop() internalDateAdapter: \"iso\" \| \"legacy\" \| StzhLocaleAdapter = \"iso\";\n private _internalDateAdapter: StzhLocaleAdapter;\n\n /* Translation strings. /\n @Prop() localization: StzhDatepickerLocalizedText;\n\n @State() buttonLabel: string;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"localization\")\n createDateFormatters() {\n if (this.localization) {\n this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n })\n }\n }\n\n /* Update calendar and input when value prop has changed /\n @Watch(\"value\")\n valueWatcher(newValue: string) {\n if (!this._internalDateAdapter) {\n return;\n }\n\n const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n this.calendarValue = printISODate(date);\n this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n this.updateButtonAccessibleLabel();\n }\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals\n );\n }\n }\n\n @Watch(\"internalDateAdapter\")\n internalDateAdapterWatcher(newValue: \"iso\" \| \"legacy\" \| StzhLocaleAdapter) {\n if (newValue === \"iso\" \|\| !newValue) {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsIso,\n this.localization.$globals\n );\n } else if (newValue === \"legacy\") {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsLegacy,\n this.localization.$globals\n );\n } else {\n this._internalDateAdapter = newValue;\n }\n }\n\n /* Set value by a JS Date object /\n @Method()\n async setDate(date: Date) {\n this.value = this._internalDateAdapter.format(date, \"dateInput\");\n }\n\n /* Return internal popover element /\n @Method()\n async getPopover(): Promise<HTMLStzhPopoverElement> {\n return this.popover;\n }\n\n /* Datepicker change event /\n @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n @Element() element: HTMLStzhDatepickerElement;\n\n /\n To format dates exclusively for the benefit of screen readers.\n \n We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n * better performance when formatting large number of dates. See:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n */\n private dateFormatLong: Intl.DateTimeFormat\n\n private input: HTMLStzhInputElement;\n private popover: HTMLStzhPopoverElement;\n // private calendar: HTMLStzhCalendarElement;\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n }\n\n private onRootFocus = () => {\n if (this.input) {\n this.input.focus();\n }\n }\n\n private onInputChanged = () => {\n const parsedDate = this.dateAdapter.parse(this.input.value, \"dateInput\");\n\n if (this.input.value === \"\" \|\| parsedDate) {\n const formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n if (this.value !== formattedDate) {\n this.value = formattedDate;\n } else {\n this.valueWatcher(formattedDate);\n }\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: parsedDate,\n })\n }\n }\n\n private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n if (event.detail.component !== \"stzh-calendar\") {\n return;\n }\n\n this.value = event.detail.valueAsDate\n && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: event.detail.valueAsDate,\n });\n\n if (this.popover) {\n this.popover.hide();\n }\n }\n\n private updateButtonAccessibleLabel() {\n if (!this.localization) {\n return;\n }\n\n try {\n const valueAsDate = this._internalDateAdapter.parse(this.value, \"dateInput\");\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n } catch (err) {\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}`;\n }\n }\n\n connectedCallback() {\n this.createDateFormatters();\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datepicker\");\n }\n\n this.dateAdapterWatcher(this.dateAdapter);\n this.internalDateAdapterWatcher(this.internalDateAdapter);\n this.valueWatcher(this.value);\n this.defaultValue = this.defaultValue \|\| this.value;\n }\n\n render() {\n const actionUsed = hasSlot(this.element, 'action');\n\n const classes = {\n \"stzh-datepicker\": true,\n \"stzh-datepicker--inline\": this.inline,\n \"stzh-datepicker--has-action\": actionUsed\n };\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <input\n type=\"hidden\"\n name={this.name}\n value={this.value}\n defaultValue={this.defaultValue}\n />\n\n {this.inline &&\n <Fragment>\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-inline\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n ></stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </Fragment>\n }\n\n {!this.inline &&\n <stzh-input\n value={this.inputValue}\n label={this.label}\n labelHidden={this.labelHidden}\n ref={(el) => (this.input = el as HTMLStzhInputElement)}\n noAutocomplete\n onStzhChanged={this.onInputChanged}\n readonly={this.readonly}\n disabled={this.disabled}\n description={this.description}\n descriptionLong={this.descriptionLong}\n error={this.error}\n invalid={this.invalid}\n required={this.required}\n hideOptional={this.hideOptional}\n size={this.size}\n >\n <stzh-popover\n ref={(el) => (this.popover = el as HTMLStzhPopoverElement)}\n class=\"stzh-datepicker__popover\"\n slot=\"button-right\"\n placement=\"bottom-end\"\n label={this.label}\n >\n <stzh-button\n icon-only\n icon=\"calendar\"\n size={this.size}\n disabled={this.disabled}\n a11yLabel={this.buttonLabel}\n ></stzh-button>\n <div slot=\"content\">\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-popover\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n >\n </stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n </stzh-popover>\n </stzh-input>\n }\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-datepicker.js","sourceRoot":"","sources":["../../../../src/components/stzh-datepicker/stzh-datepicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Prop,\n Host,\n Element,\n h,\n Event,\n EventEmitter,\n Method,\n Watch,\n Fragment,\n State,\n Listen\n} from \"@stencil/core\";\n\nimport {\n StzhCalendarChangeEvent,\n StzhDatepickerChangeEvent\n} from \"../../index\";\n\nimport { StzhCalendarDateDisabledPredicate } from \"../../index\";\n\nimport { printISODate } from \"../../utils/date-utils\"\nimport { StzhLocaleAdapter } from \"../../utils/date-adapter\"\n\nimport { StzhDatepickerLocalizedText } from \"./stzh-datepicker.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/*\n @slot action - Slot for action below calendar (stzh-link element)\n /\n@Component({\n tag: \"stzh-datepicker\",\n styleUrl: \"stzh-datepicker.scss\",\n scoped: true\n})\nexport class StzhDatepicker {\n /\n Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the max property.\n /\n @Prop() calendarMin: string = \"\"\n\n /\n Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\n * This setting can be used alone or together with the min property.\n /\n @Prop() calendarMax: string = \"\"\n\n /\n Controls which days are disabled and therefore disallowed.\n * For example, this can be used to disallow selection of weekends.\n /\n @Prop() calendarIsDateDisabled: StzhCalendarDateDisabledPredicate = () => false\n\n /* Name of the hidden date picker input. /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* Value of hidden date picker input (current selected date in ISO format). /\n @Prop({ mutable: true }) value: string = \"\";\n @State() calendarValue: string = \"\";\n @State() inputValue: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Label for input field and popover /\n @Prop() label: string = \"\";\n\n /* Whether label is visually hidden. /\n @Prop() labelHidden: boolean = false;\n\n /* Whether the element is readonly or not /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Show calendar inline /\n @Prop({ reflect: true }) inline: boolean = false;\n\n /\n Date adapter visible date shown to the user, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n /\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n /\n Date adapter for internal date passed to backend, for custom parsing/formatting.\n * Can be `\"iso\"` (default, date in ISO format) / `\"legacy\"` (date in `d.m.Y` format)\n * or `StzhLocaleAdapter` (must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.)\n /\n @Prop() internalDateAdapter: \"iso\" \| \"legacy\" \| StzhLocaleAdapter = \"iso\";\n private _internalDateAdapter: StzhLocaleAdapter;\n\n /* Translation strings. /\n @Prop() localization: StzhDatepickerLocalizedText;\n\n @State() buttonLabel: string;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"localization\")\n createDateFormatters() {\n if (this.localization) {\n this.dateFormatLong = new Intl.DateTimeFormat(this.localization.$locale, {\n day: \"numeric\",\n month: \"long\",\n year: \"numeric\",\n })\n }\n }\n\n /* Update calendar and input when value prop has changed /\n @Watch(\"value\")\n valueWatcher(newValue: string) {\n if (!this._internalDateAdapter) {\n return;\n }\n\n const date = this._internalDateAdapter.parse(newValue, \"dateInput\");\n\n this.calendarValue = printISODate(date);\n this.inputValue = this.dateAdapter.format(date, \"dateInput\");\n\n this.updateButtonAccessibleLabel();\n }\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals\n );\n }\n }\n\n @Watch(\"internalDateAdapter\")\n internalDateAdapterWatcher(newValue: \"iso\" \| \"legacy\" \| StzhLocaleAdapter) {\n if (newValue === \"iso\" \|\| !newValue) {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsIso,\n this.localization.$globals\n );\n } else if (newValue === \"legacy\") {\n this._internalDateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formatsLegacy,\n this.localization.$globals\n );\n } else {\n this._internalDateAdapter = newValue;\n }\n }\n\n /* Set value by a JS Date object /\n @Method()\n async setDate(date: Date) {\n this.value = this._internalDateAdapter.format(date, \"dateInput\");\n }\n\n /* Return internal popover element /\n @Method()\n async getPopover(): Promise<HTMLStzhPopoverElement> {\n return this.popover;\n }\n\n /* Datepicker change event /\n @Event() stzhChange: EventEmitter<StzhDatepickerChangeEvent>;\n\n @Element() element: HTMLStzhDatepickerElement;\n\n /\n To format dates exclusively for the benefit of screen readers.\n \n We prefer DateTimeFormat over date.toLocaleDateString, as the former has\n * better performance when formatting large number of dates. See:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance\n */\n private dateFormatLong: Intl.DateTimeFormat\n\n private input: HTMLStzhInputElement;\n private popover: HTMLStzhPopoverElement;\n // private calendar: HTMLStzhCalendarElement;\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n }\n\n private onRootFocus = () => {\n if (this.input) {\n this.input.focus();\n }\n }\n\n private onInputChanged = () => {\n const parsedDate = this.dateAdapter.parse(this.input.value, \"dateInput\");\n\n if (this.input.value === \"\" \|\| parsedDate) {\n const formattedDate = this._internalDateAdapter.format(parsedDate, \"dateInput\");\n\n if (this.value !== formattedDate) {\n this.value = formattedDate;\n } else {\n this.valueWatcher(formattedDate);\n }\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: parsedDate,\n })\n }\n }\n\n private onCalendarChange = (event: CustomEvent<StzhCalendarChangeEvent>) => {\n if (event.detail.component !== \"stzh-calendar\") {\n return;\n }\n\n this.value = event.detail.valueAsDate\n && this._internalDateAdapter.format(event.detail.valueAsDate, \"dateInput\");\n\n this.stzhChange.emit({\n component: \"stzh-datepicker\",\n value: this.value,\n valueAsDate: event.detail.valueAsDate,\n });\n\n if (this.popover) {\n this.popover.hide();\n }\n }\n\n private updateButtonAccessibleLabel() {\n if (!this.localization) {\n return;\n }\n\n try {\n const valueAsDate = this._internalDateAdapter.parse(this.value, \"dateInput\");\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(valueAsDate)}`;\n } catch (err) {\n this.buttonLabel = `${this.label}, ${this.localization.buttonLabel}`;\n }\n }\n\n connectedCallback() {\n this.createDateFormatters();\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"datepicker\");\n }\n\n this.dateAdapterWatcher(this.dateAdapter);\n this.internalDateAdapterWatcher(this.internalDateAdapter);\n this.valueWatcher(this.value);\n this.defaultValue = this.defaultValue \|\| this.value;\n }\n\n render() {\n const actionUsed = hasSlot(this.element, 'action');\n\n const classes = {\n \"stzh-datepicker\": true,\n \"stzh-datepicker--inline\": this.inline,\n \"stzh-datepicker--has-action\": actionUsed\n };\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <input\n type=\"hidden\"\n name={this.name}\n value={this.value}\n defaultValue={this.defaultValue}\n />\n\n {this.inline &&\n <Fragment>\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-inline\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n ></stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </Fragment>\n }\n\n {!this.inline &&\n <stzh-input\n value={this.inputValue}\n label={this.label}\n labelHidden={this.labelHidden}\n ref={(el) => (this.input = el as HTMLStzhInputElement)}\n noAutocomplete\n onStzhChanged={this.onInputChanged}\n readonly={this.readonly}\n disabled={this.disabled}\n description={this.description}\n descriptionLong={this.descriptionLong}\n error={this.error}\n invalid={this.invalid}\n required={this.required}\n hideOptional={this.hideOptional}\n size={this.size}\n >\n <stzh-popover\n ref={(el) => (this.popover = el as HTMLStzhPopoverElement)}\n class=\"stzh-datepicker__popover\"\n slot=\"button-right\"\n placement=\"bottom-end\"\n label={this.label}\n >\n <stzh-button\n icon-only\n icon=\"calendar\"\n size={this.size}\n disabled={this.disabled}\n a11yLabel={this.buttonLabel}\n ></stzh-button>\n <div slot=\"content\">\n <stzh-calendar\n // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}\n value={this.calendarValue}\n class=\"stzh-datepicker__calendar is-popover\"\n isDateDisabled={this.calendarIsDateDisabled}\n min={this.calendarMin}\n max={this.calendarMax}\n onStzhChange={this.onCalendarChange}\n >\n </stzh-calendar>\n <div class=\"stzh-datepicker__actions\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n </stzh-popover>\n </stzh-input>\n }\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/stzh-daterange/stzh-daterange.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-details/stzh-details.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-dialog/stzh-dialog.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-disturber/stzh-disturber.css CHANGED Viewed

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-dropdown/stzh-dropdown.css CHANGED Viewed

@@ -82,6 +82,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -941,6 +944,7 @@ stzh-dropdown:where([size="tiny"]):where([variant="filter"]) {
   /* Popover placement */
   /* Has fullwidth popover */
   /* Hidden label */
+  /* Override for popover placement top and hidden label */
   /* Has icon */
   /* Plain */
   /* Styles for floating label */
@@ -1447,6 +1451,9 @@ stzh-dropdown:where([size="tiny"]):where([variant="filter"]) {
   padding: 0;
   position: absolute;
 }
+.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown, .stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown, .stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown {
+  margin-bottom: calc(var(--popover-distance) - 0.0625rem);
+}
 .stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control, .stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control, .stzh-dropdown--has-icon .stzh-dropdown__sizer {
   padding-left: calc(var(--padding-left) + var(--icon-size) + var(--icon-gap));
 }

package/dist/collection/components/stzh-dropdown/stzh-dropdown.js CHANGED Viewed

@@ -1385,7 +1385,7 @@ export class StzhDropdown {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "text": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         "attribute": "hide-optional",
         "reflect": true,