@oiz/stzh-components 2.4.0-beta → 2.5.0-alpha-carousel

package/dist/collection/components/stzh-richtext/stzh-richtext.js

@@ -2,26 +2,38 @@ import { Host, h } from "@stencil/core";
 const CLASS_EXTERNAL_LINK = 'stzh-richtext__external-link';
 const CLASS_EXTERNAL_ICON_WRAPPER = 'stzh-richtext__external-icon-wrapper';
 const CLASS_EXTERNAL_ICON = 'stzh-richtext__external-icon';
+const CLASS_EXTERNAL_VHIDDEN = 'stzh-richtext__external-vhidden';
+import { fetchTranslations } from "../../utils/translation-utils";
 /**
  * @slot - Text content that should be styled
  */
 export class StzhRichtext {
   constructor() {
+    this.localization = undefined;
     this.externalLinkSelector = 'a[rel*="external"], a.external, a.extern';
     this.externalLinkIcon = 'external-link';
   }
   addExternalLinkIcons() {
     this.externalLinks.forEach(externalLink => {
       externalLink.classList.add(CLASS_EXTERNAL_LINK);
+      const screenreaderText = document.createElement('span');
+      screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);
+      screenreaderText.innerText = this.localization.$globals.externalLinkLabel;
       const iconWrapper = document.createElement('span');
       iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);
       const icon = document.createElement('stzh-icon');
       icon.classList.add(CLASS_EXTERNAL_ICON);
       icon.name = this.externalLinkIcon;
       iconWrapper.appendChild(icon);
+      externalLink.prepend(screenreaderText);
       externalLink.appendChild(iconWrapper);
     });
   }
+  async componentWillLoad() {
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, "richtext");
+    }
+  }
   componentDidRender() {
     this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));
     this.addExternalLinkIcons();
@@ -46,6 +58,26 @@ export class StzhRichtext {
   }
   static get properties() {
     return {
+      "localization": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "StzhLocaleComponent",
+          "resolved": "{ $locale: \"de\" | \"en\"; $formats: StzhLocaleFormats; $globals: StzhLocaleGlobals; }",
+          "references": {
+            "StzhLocaleComponent": {
+              "location": "import",
+              "path": "../../utils/translation-utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Translation strings"
+        }
+      },
       "externalLinkSelector": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/stzh-sortable/stzh-sortable.css

@@ -102,7 +102,7 @@
   --grabbing-cursor: grabbing;
   --unselected-item-opacity: 0.6;
   --ghost-item-background: var(--stzh-color-grey5);
-  --ghost-item-box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.32);
+  --ghost-item-box-shadow: inset 0px 0px 0.5rem rgba(0, 0, 0, 0.32);
 }
 :host[disabled] {
   --cursor: inherit;

package/dist/collection/components/stzh-sortable/stzh-sortable.js

@@ -311,7 +311,9 @@ export class StzhSortable {
     });
   }
   disconnectedCallback() {
-    this.observer.disconnect();
+    if (this.observer) {
+      this.observer.disconnect();
+    }
     this.unsetAttributes();
     if (this.sortable) {
       this.sortable.destroy();

package/dist/collection/components/stzh-space/stzh-space.css

@@ -100,6 +100,7 @@
 :host {
   --space: var(--stzh-space-default);
   --around: 0;
+  display: flex;
   clear: both;
 }
 :host::after {
@@ -806,6 +807,9 @@
 }
 
 .stzh-space {
+  flex-grow: 1;
+  width: 100%;
+  height: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;

package/dist/collection/components/stzh-sticky/stzh-sticky.js

@@ -54,7 +54,9 @@ export class StzhSticky {
     this.observer.observe(this.element);
   }
   disconnectedCallback() {
-    this.observer.disconnect();
+    if (this.observer) {
+      this.observer.disconnect();
+    }
   }
   render() {
     const classes = {

package/dist/collection/components/stzh-table/stzh-table.js

@@ -88,6 +88,12 @@ export class StzhTable {
       this.updateCellClasses();
       this.updateScrollStates();
     };
+    this.handleResize = () => {
+      if (this.debounceResize) {
+        window.cancelAnimationFrame(this.debounceResize);
+      }
+      this.debounceResize = requestAnimationFrame(this.updateScrollStates);
+    };
     this.handleScroll = () => {
       if (this.debounceScroll) {
         window.cancelAnimationFrame(this.debounceScroll);
@@ -107,9 +113,6 @@ export class StzhTable {
     this.updateCellClasses();
     this.updateScrollStates();
   }
-  handleResize() {
-    this.updateScrollStates();
-  }
   connectedCallback() {
     this.init();
     this.observer = new MutationObserver(this.init);
@@ -117,9 +120,16 @@ export class StzhTable {
       childList: true,
       subtree: true
     });
+    this.resizeObserver = new ResizeObserver(this.handleResize);
+    this.resizeObserver.observe(this.element);
   }
   disconnectedCallback() {
-    this.observer.disconnect();
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
   }
   render() {
     const classes = {
@@ -220,13 +230,4 @@ export class StzhTable {
         "methodName": "fixedCellWatcher"
       }];
   }
-  static get listeners() {
-    return [{
-        "name": "resize",
-        "method": "handleResize",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }];
-  }
 }

package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js

@@ -77,6 +77,7 @@ export class StzhVbzTicker {
       if (message.affectedProduct
         && message.category !== VBZ.DISTURBANCE_INFORMATION
         && message.baseType !== VBZ.BASE_TYPE_GLOBAL) {
+        const affectedLines = [];
         message.affectedProduct.forEach(product => {
           if (typeof lines[product.lineId] === "undefined") {
             lines[product.lineId] = {
@@ -90,17 +91,21 @@ export class StzhVbzTicker {
           if (message.category === VBZ.DISTURBANCE_NORMAL) {
             lines[product.lineId].alert = true;
           }
-          lines[product.lineId].disturbances.push({
-            id: message.id,
-            head: message.head,
-            category: message.category,
-            baseType: message.baseType,
-            startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
-            endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
-            altStart: message.altStart,
-            altEnd: message.altEnd,
-            infoUrl: infoUrl
-          });
+          // only add disturbance message to line if it was not already added (avoiding same message twice)
+          if (!affectedLines.includes(product.lineId)) {
+            affectedLines.push(product.lineId);
+            lines[product.lineId].disturbances.push({
+              id: message.id,
+              head: message.head,
+              category: message.category,
+              baseType: message.baseType,
+              startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
+              endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
+              altStart: message.altStart,
+              altEnd: message.altEnd,
+              infoUrl: infoUrl
+            });
+          }
         });
       }
     });

package/dist/collection/components/stzh-vspace/stzh-vspace.css

@@ -100,6 +100,7 @@
 :host {
   --v-space: var(--stzh-space-default);
   --v-around: 0;
+  display: flex;
   clear: both;
 }
 :host::after {
@@ -799,6 +800,9 @@
 }
 
 .stzh-vspace {
+  flex-grow: 1;
+  width: 100%;
+  height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;

package/dist/collection/global/js/script.js

@@ -1,3 +1,5 @@
+import "wicg-inert";
+
 import { version } from '../../../package.json';
 import { applyAutofocus } from './helpers/autofocus';
 import { observeScrollbarWidth } from './helpers/scrollbar-width';

package/dist/components/_commonjsHelpers.js

@@ -14,23 +14,8 @@ function createCommonjsModule(fn, basedir, module) {
 	}, fn(module, module.exports), module.exports;
 }
 
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
 function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { commonjsGlobal as a, getDefaultExportFromCjs as b, createCommonjsModule as c, getAugmentedNamespace as g };
+export { commonjsGlobal as a, createCommonjsModule as c, getDefaultExportFromCjs as g };

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { StzhButton as StzhButton } from '../types/components/stzh-button/stzh-b
 export { StzhCalendar as StzhCalendar } from '../types/components/stzh-calendar/stzh-calendar';
 export { StzhCard as StzhCard } from '../types/components/stzh-card/stzh-card';
 export { StzhCardList as StzhCardList } from '../types/components/stzh-card-list/stzh-card-list';
+export { StzhCarousel as StzhCarousel } from '../types/components/stzh-carousel/stzh-carousel';
 export { StzhCell as StzhCell } from '../types/components/stzh-cell/stzh-cell';
 export { StzhChart as StzhChart } from '../types/components/stzh-chart/stzh-chart';
 export { StzhCheckbox as StzhCheckbox } from '../types/components/stzh-checkbox/stzh-checkbox';