@oiz/stzh-components 0.0.1-pretest → 1.4.0-npmjstest

package/dist/cjs/stzh-vbz-linechip.cjs.entry.js

@@ -1982,77 +1982,77 @@ const LineColors = {
 
 const stzhVbzLinechipCss = ".sc-stzh-vbz-linechip-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-linechip-h{display:none}.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip,.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip::before,.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-vbz-linechip-h{border-radius:var(--stzh-button-border-radius)}.stzh-vbz-linechip.sc-stzh-vbz-linechip{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:relative;border:none;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-button-border-radius);width:2.5rem;height:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stzh-vbz-linechip.sc-stzh-vbz-linechip::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-black16);border-radius:var(--stzh-button-border-radius)}.stzh-vbz-linechip__text.sc-stzh-vbz-linechip{position:relative}.stzh-vbz-linechip__global-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xxsmall)}.stzh-vbz-linechip__alert.sc-stzh-vbz-linechip{position:absolute;top:-0.3125rem;right:-0.3125rem;color:var(--stzh-color-error);background-color:var(--stzh-color-white);border-radius:100%;display:-ms-flexbox;display:flex}.stzh-vbz-linechip__alert-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xsmall)}.stzh-vbz-linechip.sc-stzh-vbz-linechip:hover::before,.stzh-vbz-linechip.sc-stzh-vbz-linechip:focus::before,.stzh-vbz-linechip--is-active.sc-stzh-vbz-linechip::before{opacity:1}.stzh-vbz-linechip--is-dark.sc-stzh-vbz-linechip::before{background-color:var(--stzh-color-white16)}.stzh-vbz-linechip--bg-white.sc-stzh-vbz-linechip{border:0.0625rem solid var(--stzh-color-black)}";
 
-const StzhVbzLinechip = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.stzhFocus = index.createEvent(this, "stzhFocus", 7);
-    this.stzhBlur = index.createEvent(this, "stzhBlur", 7);
-    /** Active */
-    this.active = false;
-    /** Show alert icon */
-    this.alert = false;
-    /** Whether it is a global disturbance */
-    this.global = false;
-    this.onFocus = (event) => {
-      const focusEvent = new FocusEvent("focus", {
-        view: window,
-        bubbles: false,
-        cancelable: false
-      });
-      this.element.dispatchEvent(focusEvent);
-      this.stzhFocus.emit({
-        component: "stzh-vbz-linechip",
-        originalEvent: event
-      });
-    };
-    this.onBlur = (event) => {
-      const blurEvent = new FocusEvent("blur", {
-        view: window,
-        bubbles: false,
-        cancelable: false
-      });
-      this.element.dispatchEvent(blurEvent);
-      this.stzhBlur.emit({
-        component: "stzh-vbz-linechip",
-        originalEvent: event
-      });
-    };
-  }
-  /** Focus menu item */
-  async setFocus() {
-    this.chip.focus();
-  }
-  render() {
-    const lineData = LineColors[this.line] || {};
-    const styles = {
-      color: this.global
-        ? "rgb(0, 0, 0)"
-        : lineData.color || "rgb(255, 255, 255)",
-      background: this.global
-        ? "rgb(228, 105, 76)"
-        : lineData.background || "rgb(0, 0, 0)"
-    };
-    // detect whether the background is too dark, e.g. line 4 or 7
-    const backgroundData = tinycolor(styles.background);
-    const isDark = backgroundData.getBrightness() < 50;
-    const classes = {
-      "stzh-vbz-linechip": true,
-      "stzh-vbz-linechip--is-global": this.global,
-      "stzh-vbz-linechip--is-alert": this.alert,
-      "stzh-vbz-linechip--is-active": this.active,
-      "stzh-vbz-linechip--is-dark": isDark,
-      "stzh-vbz-linechip--bg-white": styles.background === "rgb(255, 255, 255)",
-      [`stzh-vbz-linechip--line-${this.line}`]: !!this.line
-    };
-    const title = lineData.comment || "";
-    return (index.h(index.Host, null, index.h("button", { ref: (el) => (this.chip = el), class: classes, style: styles, title: title, onFocus: this.onFocus, onBlur: this.onBlur }, this.global ?
-      index.h("stzh-icon", { name: "important-warning", class: "stzh-vbz-linechip__global-icon" })
-      :
-        index.h("div", { class: "stzh-vbz-linechip__text" }, this.line), this.alert &&
-      index.h("div", { class: "stzh-vbz-linechip__alert" }, index.h("stzh-icon", { name: "warning-big", class: "stzh-vbz-linechip__alert-icon" })))));
-  }
-  get element() { return index.getElement(this); }
-};
+const StzhVbzLinechip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.stzhFocus = index.createEvent(this, "stzhFocus", 7);
+    this.stzhBlur = index.createEvent(this, "stzhBlur", 7);
+    /** Active */
+    this.active = false;
+    /** Show alert icon */
+    this.alert = false;
+    /** Whether it is a global disturbance */
+    this.global = false;
+    this.onFocus = (event) => {
+      const focusEvent = new FocusEvent("focus", {
+        view: window,
+        bubbles: false,
+        cancelable: false
+      });
+      this.element.dispatchEvent(focusEvent);
+      this.stzhFocus.emit({
+        component: "stzh-vbz-linechip",
+        originalEvent: event
+      });
+    };
+    this.onBlur = (event) => {
+      const blurEvent = new FocusEvent("blur", {
+        view: window,
+        bubbles: false,
+        cancelable: false
+      });
+      this.element.dispatchEvent(blurEvent);
+      this.stzhBlur.emit({
+        component: "stzh-vbz-linechip",
+        originalEvent: event
+      });
+    };
+  }
+  /** Focus menu item */
+  async setFocus() {
+    this.chip.focus();
+  }
+  render() {
+    const lineData = LineColors[this.line] || {};
+    const styles = {
+      color: this.global
+        ? "rgb(0, 0, 0)"
+        : lineData.color || "rgb(255, 255, 255)",
+      background: this.global
+        ? "rgb(228, 105, 76)"
+        : lineData.background || "rgb(0, 0, 0)"
+    };
+    // detect whether the background is too dark, e.g. line 4 or 7
+    const backgroundData = tinycolor(styles.background);
+    const isDark = backgroundData.getBrightness() < 50;
+    const classes = {
+      "stzh-vbz-linechip": true,
+      "stzh-vbz-linechip--is-global": this.global,
+      "stzh-vbz-linechip--is-alert": this.alert,
+      "stzh-vbz-linechip--is-active": this.active,
+      "stzh-vbz-linechip--is-dark": isDark,
+      "stzh-vbz-linechip--bg-white": styles.background === "rgb(255, 255, 255)",
+      [`stzh-vbz-linechip--line-${this.line}`]: !!this.line
+    };
+    const title = lineData.comment || "";
+    return (index.h(index.Host, null, index.h("button", { ref: (el) => (this.chip = el), class: classes, style: styles, title: title, onFocus: this.onFocus, onBlur: this.onBlur }, this.global ?
+      index.h("stzh-icon", { name: "important-warning", class: "stzh-vbz-linechip__global-icon" })
+      :
+        index.h("div", { class: "stzh-vbz-linechip__text" }, this.line), this.alert &&
+      index.h("div", { class: "stzh-vbz-linechip__alert" }, index.h("stzh-icon", { name: "warning-big", class: "stzh-vbz-linechip__alert-icon" })))));
+  }
+  get element() { return index.getElement(this); }
+};
 StzhVbzLinechip.style = stzhVbzLinechipCss;
 
 exports.stzh_vbz_linechip = StzhVbzLinechip;

package/dist/cjs/stzh-vbz-majorticker.cjs.entry.js

@@ -4,104 +4,104 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ac9bdc7f.js');
 const index$1 = require('./index-8bd1552a.js');
-const stringUtils = require('./string-utils-223b03e2.js');
-const translationUtils = require('./translation-utils-2dbbce94.js');
-const dateAdapter = require('./date-adapter-2ffd8eaf.js');
+const stringUtils = require('./string-utils-a867b99d.js');
+const translationUtils = require('./translation-utils-73073e44.js');
+const dateAdapter = require('./date-adapter-2a78f6f8.js');
 
 const stzhVbzMajortickerCss = ".sc-stzh-vbz-majorticker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-vbz-majorticker__ghettobox.sc-stzh-vbz-majorticker{--background-color:var(--stzh-color-coral);--stzh-base-invert-color:var(--stzh-color-black)}";
 
-const DISTURBANCE_INFORMATION = "0";
-const BASE_TYPE_GLOBAL = "GLOBAL";
-const CHANNEL_TICKER = "ticker";
-const CHANNEL_INFO_URL_FILTER = 'stadt-zuerich.ch/vbz';
-const StzhVbzMajorticker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** API URL(`{lang}` are replaced in the URL)  */
-    this.api = "https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";
-    /** Data to pass in directly (alternative for API call) */
-    this.data = "";
-    /** More info link (`{lang}` and `{id}` are replaced in the URL) */
-    this.moreInfoLink = "https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";
-    /** Whether ghettobox is shown (not closed before) */
-    this.ghettoboxShown = true;
-    this.onGhettoboxOpen = () => {
-      this.ghettoboxShown = true;
-    };
-    this.onGhettoboxClose = () => {
-      this.ghettoboxShown = false;
-    };
-  }
-  async apiWatcher(newValue) {
-    if (!newValue) {
-      return;
-    }
-    let apiUrl = this.api.replace(/\{lang\}/, this.localization.$locale);
-    apiUrl = apiUrl + (apiUrl.includes("?") ? "&" : "?") + Date.now();
-    // load data from API
-    const { data } = await index$1.axios.get(apiUrl);
-    this.data = data;
-  }
-  async dataWatcher(newValue) {
-    var _a, _b;
-    if (typeof newValue === "string") {
-      this._data = JSON.parse(newValue);
-    }
-    else {
-      this._data = newValue;
-    }
-    const bigDisturbance = (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a.Message) === null || _b === void 0 ? void 0 : _b.find(message => message.category === DISTURBANCE_INFORMATION && message.baseType === BASE_TYPE_GLOBAL);
-    if (bigDisturbance) {
-      const urls = bigDisturbance.channel
-        .filter(channel => channel.name === CHANNEL_TICKER && channel.url)
-        .map(channel => channel.url)
-        .reduce((a, b) => a.concat(b), []);
-      const infoUrl = urls
-        .find(url => url.url.indexOf(CHANNEL_INFO_URL_FILTER) !== -1);
-      this.disturbance = {
-        id: bigDisturbance.id,
-        head: bigDisturbance.head,
-        text: stringUtils.createParagraphsFromBrs(bigDisturbance.text),
-        startDate: new Date(`${bigDisturbance.sDate}T${bigDisturbance.sTime}+02:00`),
-        endDate: new Date(`${bigDisturbance.eDate}T${bigDisturbance.eTime}+02:00`),
-        altStart: bigDisturbance.altStart,
-        altEnd: bigDisturbance.altEnd,
-        infoUrl: infoUrl
-      };
-    }
-  }
-  async componentWillLoad() {
-    if (!this.localization) {
-      this.localization = await translationUtils.fetchTranslations(this.element, "vbz-majorticker");
-    }
-    if (!this.dateAdapter) {
-      this.dateAdapter = dateAdapter.createGlobalAdapter(this.localization.$formats, this.localization.$globals);
-    }
-    if (this.data) {
-      await this.dataWatcher(this.data);
-    }
-    else {
-      await this.apiWatcher(this.api);
-    }
-  }
-  render() {
-    const classes = {
-      "stzh-vbz-majorticker": true
-    };
-    return (index.h(index.Host, { hidden: !this.disturbance || !this.ghettoboxShown }, index.h("div", { class: classes }, this.disturbance &&
-      index.h("stzh-ghettobox", { onStzhOpen: this.onGhettoboxOpen, onStzhClose: this.onGhettoboxClose, class: "stzh-vbz-majorticker__ghettobox", closeTimeKey: this.ghettoboxCloseTimeKey, mainTitle: this.disturbance.head, publishDate: this.disturbance.startDate }, index.h("stzh-richtext", { innerHTML: this.disturbance.text }), this.disturbance.infoUrl ?
-        index.h("stzh-button", { slot: "button", href: this.disturbance.infoUrl.url }, this.disturbance.infoUrl.name)
-        :
-          index.h("stzh-button", { slot: "button", target: "_blank", href: this.moreInfoLink
-              .replace(/\{lang\}/, this.localization.$locale)
-              .replace(/\{id\}/, this.disturbance.id) }, this.localization.moreInfo)))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "api": ["apiWatcher"],
-    "data": ["dataWatcher"]
-  }; }
-};
+const DISTURBANCE_INFORMATION = "0";
+const BASE_TYPE_GLOBAL = "GLOBAL";
+const CHANNEL_TICKER = "ticker";
+const CHANNEL_INFO_URL_FILTER = 'stadt-zuerich.ch/vbz';
+const StzhVbzMajorticker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** API URL(`{lang}` are replaced in the URL)  */
+    this.api = "https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";
+    /** Data to pass in directly (alternative for API call) */
+    this.data = "";
+    /** More info link (`{lang}` and `{id}` are replaced in the URL) */
+    this.moreInfoLink = "https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";
+    /** Whether ghettobox is shown (not closed before) */
+    this.ghettoboxShown = true;
+    this.onGhettoboxOpen = () => {
+      this.ghettoboxShown = true;
+    };
+    this.onGhettoboxClose = () => {
+      this.ghettoboxShown = false;
+    };
+  }
+  async apiWatcher(newValue) {
+    if (!newValue) {
+      return;
+    }
+    let apiUrl = this.api.replace(/\{lang\}/, this.localization.$locale);
+    apiUrl = apiUrl + (apiUrl.includes("?") ? "&" : "?") + Date.now();
+    // load data from API
+    const { data } = await index$1.axios.get(apiUrl);
+    this.data = data;
+  }
+  async dataWatcher(newValue) {
+    var _a, _b;
+    if (typeof newValue === "string") {
+      this._data = JSON.parse(newValue);
+    }
+    else {
+      this._data = newValue;
+    }
+    const bigDisturbance = (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a.Message) === null || _b === void 0 ? void 0 : _b.find(message => message.category === DISTURBANCE_INFORMATION && message.baseType === BASE_TYPE_GLOBAL);
+    if (bigDisturbance) {
+      const urls = bigDisturbance.channel
+        .filter(channel => channel.name === CHANNEL_TICKER && channel.url)
+        .map(channel => channel.url)
+        .reduce((a, b) => a.concat(b), []);
+      const infoUrl = urls
+        .find(url => url.url.indexOf(CHANNEL_INFO_URL_FILTER) !== -1);
+      this.disturbance = {
+        id: bigDisturbance.id,
+        head: bigDisturbance.head,
+        text: stringUtils.createParagraphsFromBrs(bigDisturbance.text),
+        startDate: new Date(`${bigDisturbance.sDate}T${bigDisturbance.sTime}+02:00`),
+        endDate: new Date(`${bigDisturbance.eDate}T${bigDisturbance.eTime}+02:00`),
+        altStart: bigDisturbance.altStart,
+        altEnd: bigDisturbance.altEnd,
+        infoUrl: infoUrl
+      };
+    }
+  }
+  async componentWillLoad() {
+    if (!this.localization) {
+      this.localization = await translationUtils.fetchTranslations(this.element, "vbz-majorticker");
+    }
+    if (!this.dateAdapter) {
+      this.dateAdapter = dateAdapter.createGlobalAdapter(this.localization.$formats, this.localization.$globals);
+    }
+    if (this.data) {
+      await this.dataWatcher(this.data);
+    }
+    else {
+      await this.apiWatcher(this.api);
+    }
+  }
+  render() {
+    const classes = {
+      "stzh-vbz-majorticker": true
+    };
+    return (index.h(index.Host, { hidden: !this.disturbance || !this.ghettoboxShown }, index.h("div", { class: classes }, this.disturbance &&
+      index.h("stzh-ghettobox", { onStzhOpen: this.onGhettoboxOpen, onStzhClose: this.onGhettoboxClose, class: "stzh-vbz-majorticker__ghettobox", closeTimeKey: this.ghettoboxCloseTimeKey, mainTitle: this.disturbance.head, publishDate: this.disturbance.startDate }, index.h("stzh-richtext", { innerHTML: this.disturbance.text }), this.disturbance.infoUrl ?
+        index.h("stzh-button", { slot: "button", href: this.disturbance.infoUrl.url }, this.disturbance.infoUrl.name)
+        :
+          index.h("stzh-button", { slot: "button", target: "_blank", href: this.moreInfoLink
+              .replace(/\{lang\}/, this.localization.$locale)
+              .replace(/\{id\}/, this.disturbance.id) }, this.localization.moreInfo)))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "api": ["apiWatcher"],
+    "data": ["dataWatcher"]
+  }; }
+};
 StzhVbzMajorticker.style = stzhVbzMajortickerCss;
 
 exports.stzh_vbz_majorticker = StzhVbzMajorticker;