@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-opening-hours.js","sourceRoot":"","sources":["../../../src/components/hy-opening-hours/hy-opening-hours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAOlD,MAAM,OAAO,cAAc;;sBACI,IAAI;;qBAEL,WAAW;;;;;;;gBAOhB,IAAI;qBACC,IAAI;oBACL,KAAK;oBACJ,KAAK;2BACC,IAAI;sBACT,IAAI;uBACF,KAAK;;EAEpC,MAAM;IACJ,MAAM,gBAAgB,GAAG;MACvB,0BAA0B;MAC1B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE;KAChE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,CAAC,gCAAgC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjF,MAAM,eAAe,GAAG,CAAC,yCAAyC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9F,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE,gBAAgB,eACZ,IAAI,CAAC,QAAQ,aACf,IAAI,CAAC,OAAO,eACV,IAAI,CAAC,IAAI,eACT,IAAI,CAAC,QAAQ,mBACT,IAAI,CAAC,QAAQ;QAE3B,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,UAAU,CAAM;QACvE,CAAC,IAAI,CAAC,WAAW,IAAI,CACpB,WAAK,KAAK,EAAC,yBAAyB;UAClC,4BAAoB,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,wCAAwC;YAChF,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC1C;UACT,YAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,SAAS,CAAQ;UACpE,4BAAoB,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,yCAAyC;YACjF,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC3C,CACL,CACP;QACD,WAAK,KAAK,EAAC,0BAA0B;UACnC,YAAM,KAAK,EAAE,WAAW,IAAG,IAAI,CAAC,SAAS,CAAQ;UACjD,YAAM,KAAK,EAAE,eAAe,IAAG,IAAI,CAAC,aAAa,CAAQ;UACxD,IAAI,CAAC,oBAAoB,IAAI,YAAM,KAAK,EAAE,WAAW,IAAG,IAAI,CAAC,oBAAoB,CAAQ,CACtF;QACN,WAAK,KAAK,EAAC,qBAAqB;UAC9B,eAAQ,CACJ;QACL,IAAI,CAAC,UAAU,IAAI,CAClB,WAAK,KAAK,EAAC,mBAAmB;UAC5B,uDAEgB,IAAI,CAAC,eAAe,cACxB,IAAI,CAAC,eAAe,EAC9B,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,OAAO,EAAE,eAAe,CAAC,QAAQ,IAEhC,IAAI,CAAC,eAAe,CACT,CACV,CACP,CACG;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h, Prop} from '@stencil/core';\nimport {CtaLinkVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-opening-hours',\n  styleUrl: 'hy-opening-hours.scss',\n  shadow: false,\n})\nexport class HyOpeningHours {\n  @Prop() blockTitle: string = null;\n  @Prop() language?: string;\n  @Prop() venueType: string = 'libraries';\n  @Prop() blockId?: string;\n  @Prop() nextLabel?: string;\n  @Prop() prevLabel?: string;\n  @Prop() listLabel?: string;\n  @Prop() buildingLabel?: string;\n  @Prop() customerServiceLabel?: string;\n  @Prop() date: string = null;\n  @Prop() dateTitle: string = null;\n  @Prop() dateType: string = 'day';\n  @Prop() multiple: boolean = false;\n  @Prop() customLinkTitle: string = null;\n  @Prop() customLink: string = null;\n  @Prop() exceptional: boolean = false;\n\n  render() {\n    const containerClasses = [\n      'hy-open-hours--container',\n      this.exceptional ? 'hy-open-hours--container--exceptional' : '',\n    ].join(' ');\n\n    const listClasses = ['open-hours__content__top-label', this.venueType].join(' ');\n    const buildingClasses = ['open-hours__content__top-label building', this.venueType].join(' ');\n    return (\n      <Host>\n        <div\n          class={containerClasses}\n          data-lang={this.language}\n          data-id={this.blockId}\n          data-date={this.date}\n          data-type={this.dateType}\n          data-multiple={this.multiple}\n        >\n          {this.blockTitle && <h3 class=\"open-hours__title\">{this.blockTitle}</h3>}\n          {!this.exceptional && (\n            <div class=\"open-hours__date-change\">\n              <button aria-label={this.prevLabel} class=\"icon--arrow-left open-hours__prev-date\">\n                <hy-icon icon={'hy-icon-caret-left'} size={18} />\n              </button>\n              <span class=\"open-hours__date-change--title\">{this.dateTitle}</span>\n              <button aria-label={this.nextLabel} class=\"icon--arrow-right open-hours__next-date\">\n                <hy-icon icon={'hy-icon-caret-right'} size={18} />\n              </button>\n            </div>\n          )}\n          <div class=\"open-hours__content__top\">\n            <span class={listClasses}>{this.listLabel}</span>\n            <span class={buildingClasses}>{this.buildingLabel}</span>\n            {this.customerServiceLabel && <span class={listClasses}>{this.customerServiceLabel}</span>}\n          </div>\n          <div class=\"open-hours__content\">\n            <slot />\n          </div>\n          {this.customLink && (\n            <div class=\"open-hours__links\">\n              <hy-cta-link\n                full-width\n                link-content={this.customLinkTitle}\n                sc-label={this.customLinkTitle}\n                url={this.customLink}\n                variant={CtaLinkVariants.linkList}\n              >\n                {this.customLinkTitle}\n              </hy-cta-link>\n            </div>\n          )}\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css

@@ -94,11 +94,11 @@
 
 .open-hours__list-item > span:not(.luomus) {
   text-align: left;
-  width: calc(100vw / 3);
+  width: 33.3333333333vw;
 }
 
 .open-hours__list-item > span.luomus {
-  width: calc(100vw / 2);
+  width: 50vw;
 }
 
 .open-hours__list-item--date {

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js

@@ -1,9 +1,10 @@
-import { Component, Host, h, Prop, Watch } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyOpeningHoursContent {
   constructor() {
     this.multiple = false;
     this.selfServiceLabel = null;
     this.venueType = 'libraries';
+    this.dataItems = undefined;
   }
   dataItemsWatcher(data) {
     this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
@@ -12,116 +13,116 @@ export class HyOpeningHoursContent {
     this.dataItemsWatcher(this.dataItems);
   }
   render() {
-    return (h(Host, null,
-      this._dataItems.map((item) => {
-        if (!item.service)
-          return;
-        const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-        return (h("div", { class: itemClasses },
-          h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary),
-          h("span", { class: "open-hours__list-item--hours" }, item.building),
-          h("span", { class: "open-hours__list-item--service" }, item.service)));
-      }),
-      this.selfServiceLabel && (h("div", { class: "open-hours__content__top" },
-        h("span", { class: "open-hours__content__top-label" }, this.selfServiceLabel))),
-      this._dataItems.map((item) => {
-        if (item.service)
-          return;
-        const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-        const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
-        const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
-        return (h("div", { class: itemClasses },
-          h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary),
-          h("span", { class: hoursClasses }, item.building),
-          this.venueType !== 'luomus' && h("span", { class: "open-hours__list-item--service" }, "-")));
-      })));
+    return (h(Host, null, this._dataItems.map((item) => {
+      if (!item.service)
+        return;
+      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
+      return (h("div", { class: itemClasses }, h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), h("span", { class: "open-hours__list-item--hours" }, item.building), h("span", { class: "open-hours__list-item--service" }, item.service)));
+    }), this.selfServiceLabel && (h("div", { class: "open-hours__content__top" }, h("span", { class: "open-hours__content__top-label" }, this.selfServiceLabel))), this._dataItems.map((item) => {
+      if (item.service)
+        return;
+      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
+      const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
+      const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
+      return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== 'luomus' && h("span", { class: "open-hours__list-item--service" }, "-")));
+    })));
   }
   static get is() { return "hy-opening-hours-content"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-opening-hours-content.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-opening-hours-content.css"]
-  }; }
-  static get properties() { return {
-    "multiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "multiple",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selfServiceLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-opening-hours-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-opening-hours-content.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "multiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "multiple",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "self-service-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "venueType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "selfServiceLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "self-service-label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "venueType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "venue-type",
+        "reflect": false,
+        "defaultValue": "'libraries'"
       },
-      "attribute": "venue-type",
-      "reflect": false,
-      "defaultValue": "'libraries'"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "items[] | string",
-        "resolved": "items[] | string",
-        "references": {
-          "items": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "items[] | string",
+          "resolved": "items[] | string",
+          "references": {
+            "items": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-opening-hours-content/hy-opening-hours-content.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "dataItems",
-      "methodName": "dataItemsWatcher"
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "dataItems",
+        "methodName": "dataItemsWatcher"
+      }];
+  }
 }
+//# sourceMappingURL=hy-opening-hours-content.js.map

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-opening-hours-content.js","sourceRoot":"","sources":["../../../src/components/hy-opening-hours-content/hy-opening-hours-content.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAO9D,MAAM,OAAO,qBAAqB;;oBACJ,KAAK;4BACE,IAAI;qBACX,WAAW;;;EAMnB,gBAAgB,CAAC,IAAsB;IACzD,IAAI,CAAC,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;EACvE,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EACxC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACF,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,IAAI,CAAC,IAAI,CAAC,OAAO;UAAE,OAAO;QAC1B,MAAM,WAAW,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1G,OAAO,CACL,WAAK,KAAK,EAAE,WAAW;UACrB,YAAM,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAQ;UAC/F,YAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,QAAQ,CAAQ;UACjE,YAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC9D,CACP,CAAC;MACJ,CAAC,CAAC;MACD,IAAI,CAAC,gBAAgB,IAAI,CACxB,WAAK,KAAK,EAAC,0BAA0B;QACnC,YAAM,KAAK,EAAC,gCAAgC,IAAE,IAAI,CAAC,gBAAgB,CAAQ,CACvE,CACP;MACA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,IAAI,IAAI,CAAC,OAAO;UAAE,OAAO;QACzB,MAAM,WAAW,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE1G,MAAM,YAAY,GAAG,CAAC,8BAA8B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChF,MAAM,aAAa,GAAG,CAAC,+BAA+B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClF,OAAO,CACL,WAAK,KAAK,EAAE,WAAW;UACrB,YAAM,KAAK,EAAE,aAAa,IAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAQ;UAC/E,YAAM,KAAK,EAAE,YAAY,IAAG,IAAI,CAAC,QAAQ,CAAQ;UAChD,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,YAAM,KAAK,EAAC,gCAAgC,QAAS,CACjF,CACP,CAAC;MACJ,CAAC,CAAC,CACG,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface items {\n  dateLibrary: string;\n  building: string;\n  service: string;\n  today: string;\n}\n\nimport {Component, Host, h, Prop, Watch} from '@stencil/core';\n\n@Component({\n  tag: 'hy-opening-hours-content',\n  styleUrl: 'hy-opening-hours-content.scss',\n  shadow: false,\n})\nexport class HyOpeningHoursContent {\n  @Prop() multiple: boolean = false;\n  @Prop() selfServiceLabel: string = null;\n  @Prop() venueType: string = 'libraries';\n\n  private _dataItems: items[];\n\n  @Prop() dataItems: items[] | string;\n\n  @Watch('dataItems') dataItemsWatcher(data: items[] | string) {\n    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;\n  }\n\n  componentWillLoad() {\n    this.dataItemsWatcher(this.dataItems);\n  }\n\n  render() {\n    return (\n      <Host>\n        {this._dataItems.map((item) => {\n          if (!item.service) return;\n          const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');\n          return (\n            <div class={itemClasses}>\n              <span class=\"open-hours__list-item--office\">{item.today ? item.today : item.dateLibrary}</span>\n              <span class=\"open-hours__list-item--hours\">{item.building}</span>\n              <span class=\"open-hours__list-item--service\">{item.service}</span>\n            </div>\n          );\n        })}\n        {this.selfServiceLabel && (\n          <div class=\"open-hours__content__top\">\n            <span class=\"open-hours__content__top-label\">{this.selfServiceLabel}</span>\n          </div>\n        )}\n        {this._dataItems.map((item) => {\n          if (item.service) return;\n          const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');\n\n          const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');\n          const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');\n          return (\n            <div class={itemClasses}>\n              <span class={officeClasses}>{item.today ? item.today : item.dateLibrary}</span>\n              <span class={hoursClasses}>{item.building}</span>\n              {this.venueType !== 'luomus' && <span class=\"open-hours__list-item--service\">-</span>}\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"]}