@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/dist/esm/hy-cta-link.entry.js

@@ -1,26 +1,25 @@
-import { r as registerInstance, h, g as getElement } from './index-f84f2a7d.js';
-import { h as CtaLinkVariants } from './utils-2819fd7e.js';
+import { r as registerInstance, h, g as getElement } from './index-e2e165ed.js';
+import { h as CtaLinkVariants } from './utils-1e7f5184.js';
 
 const ctaLinkCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main-active)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
+const HyCtaLinkStyle0 = ctaLinkCss;
 
 const CtaLink = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = CtaLinkVariants.default;
-    this.linkContent = "";
-    this.url = undefined;
-    this.scLabel = undefined;
-    this.isExternal = false;
-  }
-  render() {
-    const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
-    const target = this.isExternal ? "_blank" : "_self";
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = CtaLinkVariants.default;
+        this.linkContent = "";
+        this.url = undefined;
+        this.scLabel = undefined;
+        this.isExternal = false;
+    }
+    render() {
+        const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
+        const target = this.isExternal ? "_blank" : "_self";
+        return (h("a", { key: 'cc69aae9b5b8a5905f488721c5b8615cba422699', "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { key: '7c16fc9098e1472f6a3854e5b5c93eefd588380a', class: iconClassAttributes }, h("hy-icon", { key: '2226aeb4584969c53fbfe4ea66c45fee373be0a2', icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", { key: '0cc1826c1caae809859a8b13c6f04171649f40e1' }, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { key: '70be80c6c1325f25d509f5e51aeb33221bd05aeb', class: iconClassAttributes }, h("hy-icon", { key: '3badd80367b163a4bb637cc082688a84f0847c58', icon: "hy-icon-arrow-to-right", size: 24 })))));
+    }
+    get el() { return getElement(this); }
 };
-CtaLink.style = ctaLinkCss;
+CtaLink.style = HyCtaLinkStyle0;
 
 export { CtaLink as hy_cta_link };
-
-//# sourceMappingURL=hy-cta-link.entry.js.map

package/dist/esm/hy-dropdown.entry.js

@@ -1,222 +1,221 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f84f2a7d.js';
-import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e2e165ed.js';
+import { j as jsonParserWorker } from './globalScript-0c14426d.js';
 
 const hyDropdownCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-dropdown{display:inline-block;min-width:100%;position:relative}@media (min-width: 30rem){.hy-dropdown{min-width:48.3%}}@media (min-width: 75.0625rem){.hy-dropdown{min-width:23.03%}}.hy-dropdown label.hy-dropdown__button-label{font-size:1rem;line-height:20px;font-weight:700;display:block;font-family:var(--main-font-family);letter-spacing:-0.32px;margin-bottom:8px}.hy-dropdown--single .hy-dropdown__panel{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:330px;min-width:100%}.hy-dropdown .hy-dropdown__hidden-input{display:none;height:0;font-size:0}.hy-dropdown__toggle{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;padding:0 0 0 16px;text-align:left;max-width:280px;width:100%}@media (min-width: 30rem){.hy-dropdown__toggle{font-size:1rem;line-height:24px;min-height:44px}}@media (min-width: 75.0625rem){.hy-dropdown__toggle{min-height:48px}}.hy-dropdown__toggle:hover{border-color:var(--brand-main-light);cursor:pointer}.hy-dropdown__toggle:focus{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__toggle svg{pointer-events:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon{background-color:var(--brand-main-light);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hy-dropdown__toggle.is-open .hy-dropdown__icon::before{display:none}.hy-dropdown__toggle.is-open .hy-dropdown__icon svg{fill:var(--grayscale-white)}.hy-dropdown__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 16px;position:relative;width:40px}.hy-dropdown__icon::before{border-left:0.5px solid var(--grayscale-medium-dark);content:\"\";display:inline-block;height:65%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-dropdown__icon{height:44px;width:44px}}@media (min-width: 75.0625rem){.hy-dropdown__icon{height:48px;width:48px}}.hy-dropdown__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-dropdown__icon svg{height:16px;width:16px}}.hy-dropdown__panel{background-color:var(--grayscale-white);-webkit-box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);box-shadow:0 10px 20px 0 rgba(0, 49, 70, 0.2);list-style:none;margin:0;padding:6px;position:absolute;width:100%;z-index:11}.hy-dropdown__panel.is-hidden{display:none;visibility:hidden}.hy-dropdown__panel-item{font-size:0.875rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);border-radius:0;border:1px solid var(--grayscale-medium-dark);color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;min-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:normal;position:relative;padding:0;text-align:left;width:100%}@media (min-width: 30rem){.hy-dropdown__panel-item{font-size:1rem;line-height:24px}}.hy-dropdown__panel-item:not(.is-last){margin-bottom:6px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox{border-color:var(--grayscale-black);border-style:solid inset solid solid;border-width:2px;color:var(--grayscale-black);outline:0;text-indent:-1px}.hy-dropdown__panel-item[aria-selected=true] .hy-dropdown__checkbox .hy-dropdown__label-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;visibility:visible}.hy-dropdown__panel-item--focused{cursor:pointer;border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}.hy-dropdown__label-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none !important;-ms-flex-negative:0;flex-shrink:0;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;visibility:hidden;width:40px}.hy-dropdown__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px;height:100%;margin:0;padding:0 16px;width:100%;z-index:10}.hy-dropdown__checkbox:hover{cursor:pointer;border-color:var(--brand-main-active)}.hy-dropdown__checkbox:focus-within{border-color:var(--brand-main-light);border-style:solid inset solid solid;border-width:2px;outline:0;text-indent:-1px}";
+const HyDropdownStyle0 = hyDropdownCss;
 
 const HyDropdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dropdownPanelToggled = createEvent(this, "dropdownPanelToggled", 7);
-    this.dropdropValueChange = createEvent(this, "dropdownValueChanged", 7);
-    this.dropdropMultiValueChange = createEvent(this, "dropdownMultiValueChanged", 7);
-    this.dropdownKeyPress = createEvent(this, "dropdownKeyPress", 7);
-    this.single = false;
-    this.dropdownLabel = null;
-    this.dropdownId = "dropdownToggle";
-    this.dropdownOptions = undefined;
-    this.defaultLabel = "All";
-    this.type = null;
-    this.defaultOption = null;
-    this.isPanelOpen = false;
-    this.isChecked = false;
-    this.currentSingle = [{ id: 0, label: this.defaultLabel, value: 0 }];
-    this.currentMulti = undefined;
-    this.focusedOptionIndex = 0;
-  }
-  async componentWillLoad() {
-    this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);
-  }
-  componentWillUpdate() {
-    const items = this.el.querySelectorAll(".hy-dropdown__checkbox");
-    if (items) {
-      if ([...items].some((item) => item.checked == true)) {
-        this.isChecked = true;
-      }
-      else {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.dropdownPanelToggled = createEvent(this, "dropdownPanelToggled", 7);
+        this.dropdropValueChange = createEvent(this, "dropdownValueChanged", 7);
+        this.dropdropMultiValueChange = createEvent(this, "dropdownMultiValueChanged", 7);
+        this.dropdownKeyPress = createEvent(this, "dropdownKeyPress", 7);
+        this.single = false;
+        this.dropdownLabel = null;
+        this.dropdownId = "dropdownToggle";
+        this.dropdownOptions = undefined;
+        this.defaultLabel = "All";
+        this.type = null;
+        this.defaultOption = null;
+        this.isPanelOpen = false;
         this.isChecked = false;
-      }
-    }
-  }
-  watchPropHandler(newValue, oldValue) {
-    if (!this.single)
-      return;
-    if (newValue !== oldValue) {
-      const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
-      Array.from(dropdownPanelCheckboxElements).filter((item) => {
-        if (item.id == newValue) {
-          item.checked = true;
-          this.currentSingle = this._dropdownOptions.filter((option) => option.id == newValue);
-          return;
-        }
-        return null;
-      });
+        this.currentSingle = [{ id: 0, label: this.defaultLabel, value: 0 }];
+        this.currentMulti = undefined;
+        this.focusedOptionIndex = 0;
     }
-  }
-  panelListener(e) {
-    if (this.isPanelOpen && e.detail.dropdownId !== this.dropdownId) {
-      this.isPanelOpen = false;
+    async componentWillLoad() {
+        this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);
     }
-  }
-  handleMultiClick(event, option) {
-    event.stopPropagation();
-    const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
-    Array.from(dropdownPanelCheckboxElements).filter((i) => {
-      const item = i.closest("li");
-      if (item.dataset.id == option.id && !item.hasAttribute("aria-selected")) {
-        item.setAttribute("aria-selected", "true");
-        this.currentMulti =
-          this.currentMulti && this.currentMulti.length > 0 ? [...this.currentMulti, option] : [option];
-        return;
-      }
-      if (item.dataset.id === option.id && item.hasAttribute("aria-selected")) {
-        item.removeAttribute("aria-selected");
-        if (this.currentMulti.length > 0) {
-          const index = this.currentMulti.indexOf(option);
-          this.currentMulti = this.currentMulti.splice(index, 1);
-        }
-        return;
-      }
-      return null;
-    });
-  }
-  handleSingleClick(event, option) {
-    if (!this.single || !this.isPanelOpen)
-      return;
-    const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
-    event.stopPropagation();
-    Array.from(dropdownPanelCheckboxElements).filter((i) => {
-      const item = i.closest("li");
-      if (item.dataset.id == option.id) {
-        if (item.hasAttribute("aria-selected")) {
-          item.removeAttribute("aria-selected");
-          this.currentSingle = [{ id: null, label: this.defaultLabel, value: null }];
-          return;
+    componentWillUpdate() {
+        const items = this.el.querySelectorAll(".hy-dropdown__checkbox");
+        if (items) {
+            if ([...items].some((item) => item.checked == true)) {
+                this.isChecked = true;
+            }
+            else {
+                this.isChecked = false;
+            }
         }
-        item.setAttribute("aria-selected", "true");
-        this.currentSingle = this._dropdownOptions.filter((o) => o.id == option.id);
-        return;
-      }
-      if (item.dataset.id !== option.id && item.hasAttribute("aria-selected")) {
-        item.removeAttribute("aria-selected");
-        return;
-      }
-      return null;
-    });
-  }
-  handleKeyDown(event) {
-    event.stopPropagation();
-    switch (event.key) {
-      case "ArrowDown":
-        event.preventDefault();
-        if (!this.isPanelOpen) {
-          this.handlePanelToggle(event);
-          return;
+    }
+    watchPropHandler(newValue, oldValue) {
+        if (!this.single)
+            return;
+        if (newValue !== oldValue) {
+            const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
+            Array.from(dropdownPanelCheckboxElements).filter((item) => {
+                if (item.id == newValue) {
+                    item.checked = true;
+                    this.currentSingle = this._dropdownOptions.filter((option) => option.id == newValue);
+                    return;
+                }
+                return null;
+            });
         }
-        this.focusedOptionIndex = (this.focusedOptionIndex + 1) % this._dropdownOptions.length;
-        break;
-      case "ArrowUp":
-        this.focusedOptionIndex =
-          (this.focusedOptionIndex - 1 + this._dropdownOptions.length) % this._dropdownOptions.length;
-        event.preventDefault();
-        break;
-      case "Enter":
-      case " ":
-        if (!this.isPanelOpen) {
-          event.preventDefault();
-          this.handlePanelToggle(event);
-          return;
+    }
+    panelListener(e) {
+        if (this.isPanelOpen && e.detail.dropdownId !== this.dropdownId) {
+            this.isPanelOpen = false;
         }
-        if (this.single) {
-          this.handleOptionSingleClick(event, this._dropdownOptions[this.focusedOptionIndex]);
+    }
+    handleMultiClick(event, option) {
+        event.stopPropagation();
+        const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
+        Array.from(dropdownPanelCheckboxElements).filter((i) => {
+            const item = i.closest("li");
+            if (item.dataset.id == option.id && !item.hasAttribute("aria-selected")) {
+                item.setAttribute("aria-selected", "true");
+                this.currentMulti =
+                    this.currentMulti && this.currentMulti.length > 0 ? [...this.currentMulti, option] : [option];
+                return;
+            }
+            if (item.dataset.id === option.id && item.hasAttribute("aria-selected")) {
+                item.removeAttribute("aria-selected");
+                if (this.currentMulti.length > 0) {
+                    const index = this.currentMulti.indexOf(option);
+                    this.currentMulti = this.currentMulti.splice(index, 1);
+                }
+                return;
+            }
+            return null;
+        });
+    }
+    handleSingleClick(event, option) {
+        if (!this.single || !this.isPanelOpen)
+            return;
+        const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
+        event.stopPropagation();
+        Array.from(dropdownPanelCheckboxElements).filter((i) => {
+            const item = i.closest("li");
+            if (item.dataset.id == option.id) {
+                if (item.hasAttribute("aria-selected")) {
+                    item.removeAttribute("aria-selected");
+                    this.currentSingle = [{ id: null, label: this.defaultLabel, value: null }];
+                    return;
+                }
+                item.setAttribute("aria-selected", "true");
+                this.currentSingle = this._dropdownOptions.filter((o) => o.id == option.id);
+                return;
+            }
+            if (item.dataset.id !== option.id && item.hasAttribute("aria-selected")) {
+                item.removeAttribute("aria-selected");
+                return;
+            }
+            return null;
+        });
+    }
+    handleKeyDown(event) {
+        event.stopPropagation();
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                if (!this.isPanelOpen) {
+                    this.handlePanelToggle(event);
+                    return;
+                }
+                this.focusedOptionIndex = (this.focusedOptionIndex + 1) % this._dropdownOptions.length;
+                break;
+            case "ArrowUp":
+                this.focusedOptionIndex =
+                    (this.focusedOptionIndex - 1 + this._dropdownOptions.length) % this._dropdownOptions.length;
+                event.preventDefault();
+                break;
+            case "Enter":
+            case " ":
+                if (!this.isPanelOpen) {
+                    event.preventDefault();
+                    this.handlePanelToggle(event);
+                    return;
+                }
+                if (this.single) {
+                    this.handleOptionSingleClick(event, this._dropdownOptions[this.focusedOptionIndex]);
+                }
+                else {
+                    this.handleMultiOptionClick(event, this._dropdownOptions[this.focusedOptionIndex]);
+                }
+                const emitDetails = {
+                    id: this.dropdownId,
+                    type: this.type,
+                    data: this._dropdownOptions[this.focusedOptionIndex],
+                };
+                this.dropdownKeyPress.emit(emitDetails);
+                event.preventDefault();
+                break;
+            case "Escape":
+            case "Tab":
+                this.isPanelOpen = false;
+                break;
         }
-        else {
-          this.handleMultiOptionClick(event, this._dropdownOptions[this.focusedOptionIndex]);
+    }
+    handlePanelToggle(e) {
+        e.stopPropagation();
+        this.isPanelOpen = !this.isPanelOpen;
+        const emitDetails = {
+            dropdownId: this.dropdownId,
+            panelOpen: this.isPanelOpen,
+        };
+        this.dropdownPanelToggled.emit(emitDetails);
+    }
+    handlePanelClickOutside(e) {
+        e.stopPropagation();
+        const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`);
+        const dropdownPanelElement = this.el.querySelector(".hy-dropdown__panel");
+        const dropdownPanelCheckboxElements = this.el.querySelectorAll(".hy-dropdown__panel-item");
+        const dropdownPanelCheckboxes = this.el.querySelectorAll(".hy-dropdown__checkbox");
+        const dropdownToggleButtonIconElement = this.el.querySelectorAll(".hy-dropdown__icon");
+        const { target } = e;
+        const allowedElements = [
+            this.el,
+            dropdownToggleButtonElement,
+            dropdownPanelElement,
+            ...dropdownPanelCheckboxes,
+            dropdownToggleButtonIconElement,
+            ...dropdownPanelCheckboxElements, // Spread ("copy") items to allowedElement array.
+        ];
+        if (this.isPanelOpen && !allowedElements.includes(target)) {
+            this.isPanelOpen = false;
         }
+    }
+    handleOptionSingleClick(event, option) {
+        event.stopPropagation();
+        this.handleSingleClick(event, option);
         const emitDetails = {
-          id: this.dropdownId,
-          type: this.type,
-          data: this._dropdownOptions[this.focusedOptionIndex],
+            id: this.dropdownId,
+            type: this.type,
+            data: option,
         };
-        this.dropdownKeyPress.emit(emitDetails);
-        event.preventDefault();
-        break;
-      case "Escape":
-      case "Tab":
-        this.isPanelOpen = false;
-        break;
+        this.dropdropValueChange.emit(emitDetails);
     }
-  }
-  handlePanelToggle(e) {
-    e.stopPropagation();
-    this.isPanelOpen = !this.isPanelOpen;
-    const emitDetails = {
-      dropdownId: this.dropdownId,
-      panelOpen: this.isPanelOpen,
-    };
-    this.dropdownPanelToggled.emit(emitDetails);
-  }
-  handlePanelClickOutside(e) {
-    e.stopPropagation();
-    const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`);
-    const dropdownPanelElement = this.el.querySelector(".hy-dropdown__panel");
-    const dropdownPanelCheckboxElements = this.el.querySelectorAll(".hy-dropdown__panel-item");
-    const dropdownPanelCheckboxes = this.el.querySelectorAll(".hy-dropdown__checkbox");
-    const dropdownToggleButtonIconElement = this.el.querySelectorAll(".hy-dropdown__icon");
-    const { target } = e;
-    const allowedElements = [
-      this.el,
-      dropdownToggleButtonElement,
-      dropdownPanelElement,
-      ...dropdownPanelCheckboxes,
-      dropdownToggleButtonIconElement,
-      ...dropdownPanelCheckboxElements, // Spread ("copy") items to allowedElement array.
-    ];
-    if (this.isPanelOpen && !allowedElements.includes(target)) {
-      this.isPanelOpen = false;
+    handleMultiOptionClick(event, option) {
+        event.stopPropagation();
+        this.handleMultiClick(event, option);
+        const emitDetails = {
+            id: this.dropdownId,
+            type: this.type,
+            data: this.currentMulti,
+        };
+        this.dropdropMultiValueChange.emit(emitDetails);
     }
-  }
-  handleOptionSingleClick(event, option) {
-    event.stopPropagation();
-    this.handleSingleClick(event, option);
-    const emitDetails = {
-      id: this.dropdownId,
-      type: this.type,
-      data: option,
-    };
-    this.dropdropValueChange.emit(emitDetails);
-  }
-  handleMultiOptionClick(event, option) {
-    event.stopPropagation();
-    this.handleMultiClick(event, option);
-    const emitDetails = {
-      id: this.dropdownId,
-      type: this.type,
-      data: this.currentMulti,
-    };
-    this.dropdropMultiValueChange.emit(emitDetails);
-  }
-  handleOptionHover(index) {
-    this.focusedOptionIndex = index;
-  }
-  render() {
-    const { label: currentLabel, id: currentId, value: currentValue } = this.currentSingle[0];
-    const classAttributes = ["hy-dropdown", this.single ? "hy-dropdown--single" : ""].join(" ");
-    if (this.single) {
-      return (h(Host, { class: classAttributes }, this.dropdownLabel && (h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), h("div", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-controls": "dropdownPanel", "aria-haspopup": "listbox", role: "combobox", onClick: (event) => this.handlePanelToggle(event), onKeyDown: (event) => this.handleKeyDown(event), "aria-label": this.dropdownLabel, "data-current-id": currentId, "data-current-value": currentValue, "data-value": currentId, tabIndex: 0 }, h("input", { "aria-hidden": "true", class: "hy-dropdown__hidden-input", type: "hidden", value: currentId }), currentLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("ul", { "checkbox-checked": this.isChecked ? "true" : "false", id: "dropdownPanel", class: `hy-dropdown__panel ${!this.isPanelOpen ? "is-hidden" : ""}`, "aria-expanded": `${!this.isPanelOpen || false}`, role: "listbox", "aria-labelledby": "dropdownToggle" }, this._dropdownOptions.map(({ id, label, value }, index, items) => (h("li", { key: id, "data-id": `${id}`, role: "option", class: `hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? "is-last" : ""}
-                  ${this.focusedOptionIndex === index ? "hy-dropdown__panel-item--focused" : ""}`, onClick: (event) => this.handleOptionSingleClick(event, items[index]), onMouseEnter: () => this.handleOptionHover(index) }, h("span", { "data-id": `${id}`, class: "hy-dropdown__checkbox", "data-value": `${value}` }, label, h("hy-icon", { class: "hy-dropdown__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" }))))))));
+    handleOptionHover(index) {
+        this.focusedOptionIndex = index;
     }
-    else {
-      return (h(Host, { class: classAttributes }, h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-controls": "dropdownPanel", "aria-haspopup": "listbox", role: "combobox", onClick: (event) => this.handlePanelToggle(event), "aria-label": this.dropdownLabel, type: "button" }, this.dropdownLabel && this.dropdownLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("ul", { "checkbox-checked": this.isChecked ? "true" : "false", id: "dropdownPanel", class: `hy-dropdown__panel ${!this.isPanelOpen ? "is-hidden" : ""}`, "aria-expanded": `${!this.isPanelOpen || false}`, role: "listbox", "aria-labelledby": "dropdownToggle" }, this._dropdownOptions.map(({ id, label, value }, index, items) => (h("li", { key: id, "data-id": `${id}`, role: "option", class: `hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? "is-last" : ""}
+    render() {
+        const { label: currentLabel, id: currentId, value: currentValue } = this.currentSingle[0];
+        const classAttributes = ["hy-dropdown", this.single ? "hy-dropdown--single" : ""].join(" ");
+        if (this.single) {
+            return (h(Host, { class: classAttributes }, this.dropdownLabel && (h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), h("div", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-controls": "dropdownPanel", "aria-haspopup": "listbox", role: "combobox", onClick: (event) => this.handlePanelToggle(event), onKeyDown: (event) => this.handleKeyDown(event), "aria-label": this.dropdownLabel, "data-current-id": currentId, "data-current-value": currentValue, "data-value": currentId, tabIndex: 0 }, h("input", { "aria-hidden": "true", class: "hy-dropdown__hidden-input", type: "hidden", value: currentId }), currentLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("ul", { "checkbox-checked": this.isChecked ? "true" : "false", id: "dropdownPanel", class: `hy-dropdown__panel ${!this.isPanelOpen ? "is-hidden" : ""}`, "aria-expanded": `${!this.isPanelOpen || false}`, role: "listbox", "aria-labelledby": "dropdownToggle" }, this._dropdownOptions.map(({ id, label, value }, index, items) => (h("li", { key: id, "data-id": `${id}`, role: "option", class: `hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? "is-last" : ""}
+                  ${this.focusedOptionIndex === index ? "hy-dropdown__panel-item--focused" : ""}`, onClick: (event) => this.handleOptionSingleClick(event, items[index]), onMouseEnter: () => this.handleOptionHover(index) }, h("span", { "data-id": `${id}`, class: "hy-dropdown__checkbox", "data-value": `${value}` }, label, h("hy-icon", { class: "hy-dropdown__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" }))))))));
+        }
+        else {
+            return (h(Host, { class: classAttributes }, h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-controls": "dropdownPanel", "aria-haspopup": "listbox", role: "combobox", onClick: (event) => this.handlePanelToggle(event), "aria-label": this.dropdownLabel, type: "button" }, this.dropdownLabel && this.dropdownLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("ul", { "checkbox-checked": this.isChecked ? "true" : "false", id: "dropdownPanel", class: `hy-dropdown__panel ${!this.isPanelOpen ? "is-hidden" : ""}`, "aria-expanded": `${!this.isPanelOpen || false}`, role: "listbox", "aria-labelledby": "dropdownToggle" }, this._dropdownOptions.map(({ id, label, value }, index, items) => (h("li", { key: id, "data-id": `${id}`, role: "option", class: `hy-dropdown__panel-item ${this._dropdownOptions.length - 1 === index ? "is-last" : ""}
                   ${this.focusedOptionIndex === index ? "hy-dropdown__panel-item--focused" : ""}`, onClick: (event) => this.handleMultiOptionClick(event, items[index]), onMouseEnter: () => this.handleOptionHover(index) }, h("span", { "data-id": `${id}`, class: "hy-dropdown__checkbox", "data-value": `${value}` }, label, h("hy-icon", { class: "hy-dropdown__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" }))))))));
+        }
     }
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "defaultOption": ["watchPropHandler"]
-  }; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultOption": ["watchPropHandler"]
+    }; }
 };
-HyDropdown.style = hyDropdownCss;
+HyDropdown.style = HyDropdownStyle0;
 
 export { HyDropdown as hy_dropdown };
-
-//# sourceMappingURL=hy-dropdown.entry.js.map

package/dist/esm/hy-event-item.entry.js

@@ -1,41 +1,40 @@
-import { r as registerInstance, h, g as getElement } from './index-f84f2a7d.js';
+import { r as registerInstance, h, g as getElement } from './index-e2e165ed.js';
 
 const hyEventItemCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-events__item{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #d8d8d8;padding:13px 16px;position:relative;text-decoration:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:initial;margin-bottom:1rem}@media (min-width: 48rem){.hy-events__item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:47px;margin-bottom:1.75rem}}@media (min-width: 48rem){.hy-events__item:not(.hy-events__item--grid) .hy-events__item--container{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item:hover .hy-events__item__title{color:var(--brand-main);text-decoration:underline}.hy-events__item:hover .hy-events__item__date--short,.hy-events__item:hover .hy-events__item__url-icon{background-color:var(--brand-main-active)}.hy-events__item__title{font-size:1.125rem;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:6;color:var(--grayscale-black);display:-webkit-box;font-family:var(--main-font-family);font-weight:700;letter-spacing:-0.36px;line-clamp:6;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 48rem){.hy-events__item__title{font-size:1.375rem;line-height:28px;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-0.44px;margin-bottom:14px}}.hy-events__item__details{font-family:var(--main-font-family);font-style:normal;font-weight:400;font-size:17px;line-height:26px;color:var(--grayscale-black)}.hy-events__item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 48rem){.hy-events__item__meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events__item__meta--item{font-size:0.9375rem;line-height:22px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-right:0px;margin-bottom:9px;font-family:var(--main-font-family);font-weight:400;word-break:break-word}@media (min-width: 48rem){.hy-events__item__meta--item{font-size:1.0625rem;line-height:26px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:35px;margin-bottom:0;font-weight:400}}.hy-events__item__meta--item svg{width:20px;height:20px;margin-right:9px;margin-top:2px}@media (min-width: 48rem){.hy-events__item__meta--item svg{margin-top:1px}}.hy-events__item__date--short{font-size:0.9375rem;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--grayscale-white);background:var(--brand-main-light);font-family:var(--main-font-family);font-style:normal;font-weight:700;padding:6px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;letter-spacing:-0.28125px;text-decoration:none;margin-bottom:20px;margin-right:0}@media (min-width: 48rem){.hy-events__item__date--short{font-size:1.0625rem;line-height:20px;letter-spacing:-0.31875px;padding:0;height:68px;width:68px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:47px;margin-bottom:0}}.hy-events__item__url-icon{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:var(--brand-main-light);color:var(--grayscale-white);width:32px;height:32px;bottom:16px;right:-9px;z-index:1}@media (min-width: 48rem){.hy-events__item__url-icon{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item__url-icon svg{fill:currentColor}.hy-events__item__read-more{font-size:0.9375rem;line-height:18px;color:var(--brand-main-light);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:-0.28125px;margin-top:10px}@media (min-width: 48rem){.hy-events__item__read-more{display:none}}.hy-events__item--grid{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:280px;max-width:100%;min-height:255px;position:relative;margin-bottom:0}@media (min-width: 48rem){.hy-events__item--grid{max-width:280px;padding:1rem 1rem 0 1rem}}.hy-events__item--grid.is-long{max-height:100%}@media (min-width: 48rem){.hy-events__item--grid.is-long{max-height:255px}}.hy-events__item--grid.is-long::after{display:none;content:\"\";background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);position:absolute;bottom:0;left:0;width:100%;height:36px}@media (min-width: 48rem){.hy-events__item--grid.is-long::after{display:block}}.hy-events__item--grid.is-long .hy-events__item--container{overflow:visible}@media (min-width: 48rem){.hy-events__item--grid.is-long .hy-events__item--container{overflow:hidden}}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover,.hy-events__item--grid.is-long:focus{border:0}}.hy-events__item--grid.is-long:hover::after,.hy-events__item--grid.is-long:hover .hy-events__item--toggle,.hy-events__item--grid.is-long:focus::after,.hy-events__item--grid.is-long:focus .hy-events__item--toggle{display:none}@media (min-width: 48rem){.hy-events__item--grid.is-long:hover .hy-events__item--container,.hy-events__item--grid.is-long:focus .hy-events__item--container{background-color:white;border:1px solid #d8d8d8;padding:16px 16px;position:absolute;top:0;left:0;min-height:255px;overflow:visible}}.hy-events__item--grid .hy-events__item__title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}.hy-events__item--grid .hy-events__item--toggle{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#d7d7d7;border-radius:50%;position:absolute;top:16px;right:16px;width:24px;height:24px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item--toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events__item--grid .hy-events__item__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:9px}.hy-events__item--grid .hy-events__item__meta--item{font-size:0.9375rem;line-height:22px}.hy-events__item--grid .hy-events__item__date--short{padding:6px}@media (min-width: 48rem){.hy-events__item--grid .hy-events__item__date--short{font-size:0.9375rem;line-height:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;font-weight:700;letter-spacing:-0.28125px;margin-bottom:18px}}";
+const HyEventItemStyle0 = hyEventItemCss;
 
 const HyEventItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.eventTitle = undefined;
-    this.eventDescription = "";
-    this.dateShort = "";
-    this.dateLong = "";
-    this.location = "";
-    this.type = undefined;
-    this.url = undefined;
-    this.styleGrid = false;
-    this.readMoreLabel = "Read more";
-    this.isLong = false;
-  }
-  componentDidLoad() {
-    const link = this.el;
-    if (this.styleGrid) {
-      if (link.clientHeight > 255) {
-        this.isLong = true;
-      }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.eventTitle = undefined;
+        this.eventDescription = "";
+        this.dateShort = "";
+        this.dateLong = "";
+        this.location = "";
+        this.type = undefined;
+        this.url = undefined;
+        this.styleGrid = false;
+        this.readMoreLabel = "Read more";
+        this.isLong = false;
     }
-  }
-  render() {
-    const containerClasses = [
-      "hy-events__item",
-      this.styleGrid ? "hy-events__item--grid" : "hy-events__item--list",
-      this.isLong ? "is-long" : "",
-    ].join(" ");
-    return (h("a", { href: this.url, class: containerClasses, target: "_blank" }, h("div", { class: "hy-events__item--container" }, h("div", { class: "hy-events__item__top-container" }, h("span", { class: "hy-events__item__date--short" }, this.dateShort), this.isLong && (h("span", { class: "hy-events__item--toggle" }, h("hy-icon", { icon: "hy-icon-caret-down", size: 10 })))), h("div", { class: "hy-events__item__details" }, h("div", { class: "hy-events__item__title" }, this.eventTitle), h("div", { class: "hy-events__item__meta" }, this.dateLong && (h("div", { class: "hy-events__item__meta--item hy-events__item__date--long" }, h("hy-icon", { icon: "hy-icon-events", size: 18 }), this.dateLong)), this.location && (h("div", { class: "hy-events__item__meta--item hy-events__item__location" }, h("hy-icon", { icon: "hy-icon-location", size: 18 }), this.location)), this.type && (h("div", { class: "hy-events__item__meta--item hy-events__item__type" }, h("hy-icon", { icon: "hy-icon-people", size: 18 }), this.type)), h("span", { class: "hy-events__item__read-more" }, this.readMoreLabel))), h("span", { class: "hy-events__item__url-icon", "aria-hidden": "true" }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 18 })))));
-  }
-  get el() { return getElement(this); }
+    componentDidLoad() {
+        const link = this.el;
+        if (this.styleGrid) {
+            if (link.clientHeight > 255) {
+                this.isLong = true;
+            }
+        }
+    }
+    render() {
+        const containerClasses = [
+            "hy-events__item",
+            this.styleGrid ? "hy-events__item--grid" : "hy-events__item--list",
+            this.isLong ? "is-long" : "",
+        ].join(" ");
+        return (h("a", { key: '24ba3a83d0921efa8cb6b82e8b19fd4abc1ec833', href: this.url, class: containerClasses, target: "_blank" }, h("div", { key: 'a8432e313b9785b1c65c51236fb8b02b5693f3a1', class: "hy-events__item--container" }, h("div", { key: '210b0e57a3021fe1aad6aea1f81e7bc19a75ea2b', class: "hy-events__item__top-container" }, h("span", { key: '3a7afa35c70c3caf164850ec708786095376df18', class: "hy-events__item__date--short" }, this.dateShort), this.isLong && (h("span", { key: 'f9f40d1897c9ec24a1f9f2c76861daa47b97fe07', class: "hy-events__item--toggle" }, h("hy-icon", { key: 'bf35702e93828bf426a5a08913096458af719d76', icon: "hy-icon-caret-down", size: 10 })))), h("div", { key: '44b9330e04876d71f3a7ae8a090fa50ce5aea613', class: "hy-events__item__details" }, h("div", { key: '4af298202dcf3e8dd90cd0446bc4d1443882c9a0', class: "hy-events__item__title" }, this.eventTitle), h("div", { key: '2818b2788fe8d6cc1c01befaf75f10ab4b20ad1d', class: "hy-events__item__meta" }, this.dateLong && (h("div", { key: '4b5baea42b31bdcbe5cd51247913c12c23068e5d', class: "hy-events__item__meta--item hy-events__item__date--long" }, h("hy-icon", { key: '2f2c11262377506e27914e0d34316d300707983e', icon: "hy-icon-events", size: 18 }), this.dateLong)), this.location && (h("div", { key: 'e151bc9f486a704d03712719f3b3159e0ddd3cf8', class: "hy-events__item__meta--item hy-events__item__location" }, h("hy-icon", { key: 'e45ee3c237f7e762d31f138548ccdc1f6721228b', icon: "hy-icon-location", size: 18 }), this.location)), this.type && (h("div", { key: '8a7bb89836044539e6463d6988134ce20ca3bf2b', class: "hy-events__item__meta--item hy-events__item__type" }, h("hy-icon", { key: '81c5a8076940c993bf4b19b64bb58e162e4cd4a2', icon: "hy-icon-people", size: 18 }), this.type)), h("span", { key: '5dcd5cbd95c037bf1f371e762cd2de1e73f9b997', class: "hy-events__item__read-more" }, this.readMoreLabel))), h("span", { key: '485b475c970e7b5e9fcd308d078fa7b6b6aaf232', class: "hy-events__item__url-icon", "aria-hidden": "true" }, h("hy-icon", { key: '9f5b2c612601f0146f1f68499311456777c8c178', icon: "hy-icon-arrow-right", size: 18 })))));
+    }
+    get el() { return getElement(this); }
 };
-HyEventItem.style = hyEventItemCss;
+HyEventItem.style = HyEventItemStyle0;
 
 export { HyEventItem as hy_event_item };
-
-//# sourceMappingURL=hy-event-item.entry.js.map