npm - @oiz/stzh-components - Versions diffs - 4.3.0 → 4.3.1 - Mend

@oiz/stzh-components 4.3.0 → 4.3.1

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 (476) hide show

package/dist/esm/stzh-vbz-connection-finder.entry.js CHANGED Viewed

@@ -7,15 +7,22 @@ const StzhVbzConnectionFinder = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.zvvScript = "https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js";
+        this.language = "en";
     }
     getIconPath(name) {
         return `${window.stzhComponents.pathMedia}/icons/mono/${name}.svg`;
     }
+    connectedCallback() {
+        const activeLanguage = window.stzhComponents.utils.getLocale(this.element);
+        if (activeLanguage === "de" || activeLanguage === "en") {
+            this.language = activeLanguage;
+        }
+    }
     render() {
         const classes = {
             "stzh-vbz-connection-finder": true,
         };
-        return (h(Host, { key: '4db6b1ac38d0cd80a53806d22156b69141f8eefe' }, h("div", { key: '93d2309ca59c637429d6cb644d271c40c5afddd0', class: classes }, h("script", { key: '8edf2a0cc35927a8e2591a398efd4ec3d1a080b8', src: this.zvvScript }), h("div", { key: '11b41dbdb31114ff0bb02347bf7087e5b3b80143', id: "zvv-searchmask", "data-draw-input-placeholder-outside": "true", "data-toggle-style-variant": "inside", "data-hide-refresh-button": "true", "data-background-color": "#ffffff", "data-accent-color": "#ffffff", "data-input-border-color": "#7C7C7C", "data-input-border-radius": "0px", "data-input-border-width": "2px", "data-input-placeholder-color": "#034C67", "data-input-text-color": "#000000", "data-button-color": "#FFFFFF", "data-button-background-color": "#057FAC", "data-button-hover-color": "#ffffff", "data-button-hover-background-color": "#034C67", "data-button-border-radius": "0px", "data-font-family": "'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;", "data-calendar-icon": this.getIconPath("calendar"), "data-info-icon": this.getIconPath("info-help") }))));
+        return (h(Host, { key: '0001260ea3d1783d9678517d7ac0d51339cf7c6e' }, h("div", { key: '0bab124b33664c1367cd6b365b1accf99e66eb93', class: classes }, h("script", { key: 'b9b4585a00cc973ca10469b4c56aedaaf5d47f5d', src: this.zvvScript }), h("div", { key: '6b7c01befe23df79ae62a91c067f18fc11f5bf73', id: "zvv-searchmask", "data-draw-input-placeholder-outside": "true", "data-toggle-style-variant": "inside", "data-hide-refresh-button": "true", "data-background-color": "#ffffff", "data-accent-color": "#ffffff", "data-input-border-color": "#7C7C7C", "data-input-border-radius": "0px", "data-input-border-width": "2px", "data-input-placeholder-color": "#034C67", "data-input-text-color": "#000000", "data-button-color": "#FFFFFF", "data-button-background-color": "#057FAC", "data-button-hover-color": "#ffffff", "data-button-hover-background-color": "#034C67", "data-button-border-radius": "0px", "data-language": this.language, "data-font-family": "'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;", "data-calendar-icon": this.getIconPath("calendar"), "data-info-icon": this.getIconPath("info-help") }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-vbz-connection-finder.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-vbz-connection-finder.entry.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,kzEAAkzE,CAAC;AACt1E,sCAAe,0BAA0B;;MCS5B,uBAAuB;;;yBAEN,+CAA+C;;~~IAInE~~,WAAW,CAAC,IAAY;QAC9B,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,eAAe,IAAI,MAAM,CAAC;KACpE;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,4BAA4B,EAAE,IAAI;SACnC,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,OAAO,IACjB,+DAAQ,GAAG,EAAE,IAAI,CAAC,SAAS,GAAW,EACtC,4DACE,EAAE,EAAC,gBAAgB,yCACiB,MAAM,+BAChB,QAAQ,8BACT,MAAM,2BACT,SAAS,uBACb,SAAS,6BACH,SAAS,8BACR,KAAK,6BACN,KAAK,kCACA,SAAS,2BAChB,SAAS,uBACb,SAAS,kCACE,SAAS,6BACd,SAAS,wCACE,SAAS,+BAClB,KAAK,~~sBACd~~,6EAA6E,wBAC1E,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,oBAChC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,GACxC,CACH,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.scss?tag=stzh-vbz-connection-finder&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.stzh-vbz-connection-finder {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n}\n\n\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\n/*\n \n /\n@Component({\n tag: \"stzh-vbz-connection-finder\",\n styleUrl: \"stzh-vbz-connection-finder.scss\",\n scoped: true,\n})\nexport class StzhVbzConnectionFinder {\n /* Searchmask Script of ZVV */\n @Prop() zvvScript: string = \"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js\";\n\n @Element() element: HTMLStzhVbzConnectionFinderElement;\n\n private getIconPath(name: string) {\n return `${window.stzhComponents.pathMedia}/icons/mono/${name}.svg`;\n }\n\n render() {\n const classes = {\n \"stzh-vbz-connection-finder\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <script src={this.zvvScript}></script>\n <div\n id=\"zvv-searchmask\"\n data-draw-input-placeholder-outside=\"true\"\n data-toggle-style-variant=\"inside\"\n data-hide-refresh-button=\"true\"\n data-background-color=\"#ffffff\"\n data-accent-color=\"#ffffff\"\n data-input-border-color=\"#7C7C7C\"\n data-input-border-radius=\"0px\"\n data-input-border-width=\"2px\"\n data-input-placeholder-color=\"#034C67\"\n data-input-text-color=\"#000000\"\n data-button-color=\"#FFFFFF\"\n data-button-background-color=\"#057FAC\"\n data-button-hover-color=\"#ffffff\"\n data-button-hover-background-color=\"#034C67\"\n data-button-border-radius=\"0px\"\n data-font-family=\"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;\"\n data-calendar-icon={this.getIconPath(\"calendar\")}\n data-info-icon={this.getIconPath(\"info-help\")}\n ></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-vbz-connection-finder.entry.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,kzEAAkzE,CAAC;AACt1E,sCAAe,0BAA0B;;MCS5B,uBAAuB;;;yBAEN,+CAA+C;wBAG3C,IAAI;;IAI5B,WAAW,CAAC,IAAY;QAC9B,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,SAAS,eAAe,IAAI,MAAM,CAAC;KACpE;IAED,iBAAiB;QACf,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC3E,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,KAAK,IAAI,EAAE;YACtD,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC;SAChC;KACF;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,4BAA4B,EAAE,IAAI;SACnC,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,OAAO,IACjB,+DAAQ,GAAG,EAAE,IAAI,CAAC,SAAS,GAAW,EACtC,4DACE,EAAE,EAAC,gBAAgB,yCACiB,MAAM,+BAChB,QAAQ,8BACT,MAAM,2BACT,SAAS,uBACb,SAAS,6BACH,SAAS,8BACR,KAAK,6BACN,KAAK,kCACA,SAAS,2BAChB,SAAS,uBACb,SAAS,kCACE,SAAS,6BACd,SAAS,wCACE,SAAS,+BAClB,KAAK,mBAChB,IAAI,CAAC,QAAQ,sBACX,6EAA6E,wBAC1E,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,oBAChC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,GACxC,CACH,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.scss?tag=stzh-vbz-connection-finder&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.stzh-vbz-connection-finder {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n}\n\n\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\n/*\n \n /\n@Component({\n tag: \"stzh-vbz-connection-finder\",\n styleUrl: \"stzh-vbz-connection-finder.scss\",\n scoped: true,\n})\nexport class StzhVbzConnectionFinder {\n /* Searchmask Script of ZVV /\n @Prop() zvvScript: string = \"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js\";\n\n /* Language */\n @Prop() language: \"de\" \| \"en\" = \"en\";\n\n @Element() element: HTMLStzhVbzConnectionFinderElement;\n\n private getIconPath(name: string) {\n return `${window.stzhComponents.pathMedia}/icons/mono/${name}.svg`;\n }\n\n connectedCallback() {\n const activeLanguage = window.stzhComponents.utils.getLocale(this.element);\n if (activeLanguage === \"de\" \|\| activeLanguage === \"en\") {\n this.language = activeLanguage;\n }\n }\n\n render() {\n const classes = {\n \"stzh-vbz-connection-finder\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <script src={this.zvvScript}></script>\n <div\n id=\"zvv-searchmask\"\n data-draw-input-placeholder-outside=\"true\"\n data-toggle-style-variant=\"inside\"\n data-hide-refresh-button=\"true\"\n data-background-color=\"#ffffff\"\n data-accent-color=\"#ffffff\"\n data-input-border-color=\"#7C7C7C\"\n data-input-border-radius=\"0px\"\n data-input-border-width=\"2px\"\n data-input-placeholder-color=\"#034C67\"\n data-input-text-color=\"#000000\"\n data-button-color=\"#FFFFFF\"\n data-button-background-color=\"#057FAC\"\n data-button-hover-color=\"#ffffff\"\n data-button-hover-background-color=\"#034C67\"\n data-button-border-radius=\"0px\"\n data-language={this.language}\n data-font-family=\"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;\"\n data-calendar-icon={this.getIconPath(\"calendar\")}\n data-info-icon={this.getIconPath(\"info-help\")}\n ></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/stzh-components/assets/i18n/en.json CHANGED Viewed

@@ -458,7 +458,7 @@
     "moreInfo": "More information"
   },
   "vbz-intro": {
-    "quicklinksHeading": "Schnelleinstieg"
+    "quicklinksHeading": "Quicklinks"
   },
   "pkzh-qr": {
     "heading": "Calculate payment information\n",