@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

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

@@ -1,96 +1,95 @@
-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 hyEventsCss = ":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.no-events .hy-events__no-result-container{font-family:var(--main-font-family)}hy-events.no-events .hy-events--wrapper .hy-events--grid{padding-bottom:0}hy-events.no-events .hy-events__footer{display:none}.hy-events--wrapper .hy-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-events--wrapper .hy-events--grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;overflow-x:hidden;white-space:nowrap;scrollbar-width:none}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid{padding-bottom:14rem}}.hy-events--wrapper .hy-events--grid .hy-events__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media (min-width: 48rem){.hy-events--wrapper .hy-events--grid .hy-events__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-events--wrapper .hy-events__footer{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2rem}.hy-events--wrapper .hy-events__footer--grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1.5rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__footer--grid{margin-top:-9.5rem}}.hy-events--wrapper .hy-events__scroll-buttons{display:none;margin-top:2rem}@media (min-width: 48rem){.hy-events--wrapper .hy-events__scroll-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-events--wrapper .hy-events__scroll-buttons button{border:none;background:none;padding:0.5rem}.hy-events--wrapper .hy-events__scroll-buttons button:hover{cursor:pointer}.hy-events--wrapper .hy-events__scroll-buttons button:hover svg{scale:1.1}.hy-events--wrapper .hy-events__scroll-buttons button.is-hidden{display:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled{pointer-events:none}.hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg{fill:var(--link-disabled)}";
+const HyEventsStyle0 = hyEventsCss;
 
 let scrollTimeout = null;
 let checkTimeout = null;
 let itemWidth = 280 + 24;
 const HyEvents = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.styleGrid = false;
-    this.showMore = false;
-    this.viewAllUrl = undefined;
-    this.viewAllLabel = undefined;
-    this.scrollLeftLabel = "Scroll list to left";
-    this.scrollRightLabel = "Scroll list to right";
-    this.scrollable = true;
-  }
-  componentDidLoad() {
-    const itemList = this.el;
-    const content = document.querySelector(".hy-events");
-    const scrollLeft = itemList.querySelector(".hy-events__scroll-left");
-    const scrollRight = itemList.querySelector(".hy-events__scroll-right");
-    //this.checkScrollHidden(content, scrollLeft, scrollRight);
-    if (this.styleGrid) {
-      content.addEventListener("scroll", () => {
-        scrollTimeout = setTimeout(() => {
-          window.clearTimeout(scrollTimeout);
-        }, 250);
-      }, false);
-      scrollLeft.addEventListener("click", (e) => {
-        e.preventDefault();
-        scrollLeft.classList.add("is-disabled");
-        content.scrollBy({
-          top: 0,
-          left: -itemWidth,
-          behavior: "smooth",
-        });
-        checkTimeout = window.setTimeout(() => {
-          window.clearTimeout(checkTimeout);
-          //this.checkScrollHidden(content, scrollLeft, scrollRight);
-          scrollLeft.classList.remove("is-disabled");
-        }, 250);
-      });
-      scrollRight.addEventListener("click", (e) => {
-        e.preventDefault();
-        scrollRight.classList.add("is-disabled");
-        content.scrollBy({
-          top: 0,
-          left: +itemWidth,
-          behavior: "smooth",
-        });
-        checkTimeout = window.setTimeout(() => {
-          window.clearTimeout(checkTimeout);
-          //this.checkScrollHidden(content, scrollLeft, scrollRight);
-          scrollRight.classList.remove("is-disabled");
-        }, 250);
-      });
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.styleGrid = false;
+        this.showMore = false;
+        this.viewAllUrl = undefined;
+        this.viewAllLabel = undefined;
+        this.scrollLeftLabel = "Scroll list to left";
+        this.scrollRightLabel = "Scroll list to right";
+        this.scrollable = true;
     }
-  }
-  watchUrlHandler(newValue, oldValue) {
-    if (oldValue !== newValue) {
-      this.viewAllUrl = newValue;
+    componentDidLoad() {
+        const itemList = this.el;
+        const content = document.querySelector(".hy-events");
+        const scrollLeft = itemList.querySelector(".hy-events__scroll-left");
+        const scrollRight = itemList.querySelector(".hy-events__scroll-right");
+        //this.checkScrollHidden(content, scrollLeft, scrollRight);
+        if (this.styleGrid) {
+            content.addEventListener("scroll", () => {
+                scrollTimeout = setTimeout(() => {
+                    window.clearTimeout(scrollTimeout);
+                }, 250);
+            }, false);
+            scrollLeft.addEventListener("click", (e) => {
+                e.preventDefault();
+                scrollLeft.classList.add("is-disabled");
+                content.scrollBy({
+                    top: 0,
+                    left: -itemWidth,
+                    behavior: "smooth",
+                });
+                checkTimeout = window.setTimeout(() => {
+                    window.clearTimeout(checkTimeout);
+                    //this.checkScrollHidden(content, scrollLeft, scrollRight);
+                    scrollLeft.classList.remove("is-disabled");
+                }, 250);
+            });
+            scrollRight.addEventListener("click", (e) => {
+                e.preventDefault();
+                scrollRight.classList.add("is-disabled");
+                content.scrollBy({
+                    top: 0,
+                    left: +itemWidth,
+                    behavior: "smooth",
+                });
+                checkTimeout = window.setTimeout(() => {
+                    window.clearTimeout(checkTimeout);
+                    //this.checkScrollHidden(content, scrollLeft, scrollRight);
+                    scrollRight.classList.remove("is-disabled");
+                }, 250);
+            });
+        }
     }
-  }
-  checkScrollHidden(list, leftButton, rightButton) {
-    const itemList = list.querySelector(".hy-events__content");
-    if (list.scrollLeft === 0) {
-      leftButton.classList.add("is-hidden");
+    watchUrlHandler(newValue, oldValue) {
+        if (oldValue !== newValue) {
+            this.viewAllUrl = newValue;
+        }
     }
-    else {
-      leftButton.classList.remove("is-hidden");
+    checkScrollHidden(list, leftButton, rightButton) {
+        const itemList = list.querySelector(".hy-events__content");
+        if (list.scrollLeft === 0) {
+            leftButton.classList.add("is-hidden");
+        }
+        else {
+            leftButton.classList.remove("is-hidden");
+        }
+        if (list.scrollLeft + list.clientWidth >= itemList.scrollWidth - 1) {
+            rightButton.classList.add("is-hidden");
+        }
+        else {
+            rightButton.classList.remove("is-hidden");
+        }
     }
-    if (list.scrollLeft + list.clientWidth >= itemList.scrollWidth - 1) {
-      rightButton.classList.add("is-hidden");
+    render() {
+        const classAttributes = ["hy-events", this.styleGrid ? "hy-events--grid" : ""].join(" ");
+        const footerClasses = ["hy-events__footer", this.styleGrid ? "hy-events__footer--grid" : ""].join(" ");
+        return (h("div", { key: '1236158132037dd66603976cd847d9d0664b2f68', class: "hy-events--wrapper" }, h("div", { key: 'fcdc284c051a866eb405b404802bec31b3caa52e', class: classAttributes }, h("slot", { key: 'edac498a414e5a603695de9d617d41bfe8db5929' })), h("div", { key: '215c08aa84672310330a4dd8d19e71e6acd51294', class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { key: 'a3f28cffe5db8c87ec905cbe4fad782becd057b1', class: "hy-events__scroll-buttons" }, h("button", { key: '6b59914c7a6cdbf7df96c6915e16f46ee2841bb8', type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { key: 'eae6ca497a7903d3c9fd782d9e587842557f35a0', icon: "hy-icon-caret-left", size: 16 })), h("button", { key: '74a77395fe6c3a258b546125a4b6d262c1931fd8', type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { key: '5fa859970a8b3e5872d0c55e5188f10a0a185fb8', icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { key: 'b9b929391510d390cae1b42e4ebceaf79f148842', "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
     }
-    else {
-      rightButton.classList.remove("is-hidden");
-    }
-  }
-  render() {
-    const classAttributes = ["hy-events", this.styleGrid ? "hy-events--grid" : ""].join(" ");
-    const footerClasses = ["hy-events__footer", this.styleGrid ? "hy-events__footer--grid" : ""].join(" ");
-    return (h("div", { class: "hy-events--wrapper" }, h("div", { class: classAttributes }, h("slot", null)), h("div", { class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { class: "hy-events__scroll-buttons" }, h("button", { type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { icon: "hy-icon-caret-left", size: 16 })), h("button", { type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "viewAllUrl": ["watchUrlHandler"]
-  }; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "viewAllUrl": ["watchUrlHandler"]
+    }; }
 };
-HyEvents.style = hyEventsCss;
+HyEvents.style = HyEventsStyle0;
 
 export { HyEvents as hy_events };
-
-//# sourceMappingURL=hy-events.entry.js.map

package/dist/esm/hy-filter-group_6.entry.js

@@ -1,107 +1,108 @@
-import { r as registerInstance, h, H as Host } from './index-f84f2a7d.js';
-import { C as ColorVariant, n as ListStyleVariants } from './utils-2819fd7e.js';
+import { r as registerInstance, h, H as Host } from './index-e2e165ed.js';
+import { C as ColorVariant, n as ListStyleVariants } from './utils-1e7f5184.js';
 
 const hyFilterGroupCss = ":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-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
+const HyFilterGroupStyle0 = hyFilterGroupCss;
 
 const HyFilterGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.filterGroupLabel = undefined;
-    this.filterGroupFilters = undefined;
-  }
-  arrayDataWatcher(newValue) {
-    if (typeof newValue === "string") {
-      this._filterGroupFilters = JSON.parse(newValue);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.filterGroupLabel = undefined;
+        this.filterGroupFilters = undefined;
     }
-    else {
-      this._filterGroupFilters = newValue;
+    arrayDataWatcher(newValue) {
+        if (typeof newValue === "string") {
+            this._filterGroupFilters = JSON.parse(newValue);
+        }
+        else {
+            this._filterGroupFilters = newValue;
+        }
     }
-  }
-  componentWillLoad() {
-    this.arrayDataWatcher(this.filterGroupFilters);
-  }
-  // TODO: Finish handleFilterDeselect functionality with real data.
-  handleFilterDeselect(id) {
-    console.log(id);
-  }
-  render() {
-    return (h(Host, { class: "hy-filter-group" }, h("ul", { class: "hy-filter-group__listing" }, h("li", null, h("h3", { class: "hy-filter-group__label" }, this.filterGroupLabel)), this._filterGroupFilters.map(({ id, label }) => (h("hy-filter-group-item", { "filter-group-item-id": id, "filter-group-item-label": label, onClick: () => this.handleFilterDeselect(id) }))))));
-  }
-  static get watchers() { return {
-    "filterGroupFilters": ["arrayDataWatcher"]
-  }; }
+    componentWillLoad() {
+        this.arrayDataWatcher(this.filterGroupFilters);
+    }
+    // TODO: Finish handleFilterDeselect functionality with real data.
+    handleFilterDeselect(id) {
+        console.log(id);
+    }
+    render() {
+        return (h(Host, { key: '03dbf4276196b64739ac42eadb2f35a6f9c6ccf0', class: "hy-filter-group" }, h("ul", { key: '502d490d785d68b20e3c29e9914fca3c973c5c2d', class: "hy-filter-group__listing" }, h("li", { key: 'b397706f6a5f9ea123b558da8cd58d38a02ddbf9' }, h("h3", { key: '27bb68af8077433df63e9466a32028a7186b461c', class: "hy-filter-group__label" }, this.filterGroupLabel)), this._filterGroupFilters.map(({ id, label }) => (h("hy-filter-group-item", { "filter-group-item-id": id, "filter-group-item-label": label, onClick: () => this.handleFilterDeselect(id) }))))));
+    }
+    static get watchers() { return {
+        "filterGroupFilters": ["arrayDataWatcher"]
+    }; }
 };
-HyFilterGroup.style = hyFilterGroupCss;
+HyFilterGroup.style = HyFilterGroupStyle0;
 
 const HyFilterGroupItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.filterGroupItemId = undefined;
-    this.filterGroupItemLabel = undefined;
-  }
-  render() {
-    return (h("li", { class: "hy-filter-group__filter" }, h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.filterGroupItemId = undefined;
+        this.filterGroupItemLabel = undefined;
+    }
+    render() {
+        return (h("li", { key: '3d4e1ee5c9eafdff323df5942c1574483ae5cdfa', class: "hy-filter-group__filter" }, h("button", { key: 'b26dcbebbe21e6c7794dc875b3267c05fcc9b418', type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { key: 'fa22c314b2d38609a49bdc8088a3040b53060ad5', class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", { key: '4d174ced20e271800018e8dad559a5352e781ecc' })));
+    }
 };
 
 const hyFilterListTypeCss = ":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-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
+const HyFilterListTypeStyle0 = hyFilterListTypeCss;
 
 const HyFilterListType = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.filterLabel = undefined;
-    this.filterValue = undefined;
-  }
-  render() {
-    return (h("div", { class: "hy-filter__list-type" }, h("span", null, this.filterLabel), h("button", { type: "button", class: {
-        "hy-filter-item": true,
-        "hy-filter__list-type__list": true,
-        "is-active": this.filterValue == ListStyleVariants.list,
-      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
-        "hy-filter-item": true,
-        "hy-filter__list-type__grid": true,
-        "is-active": this.filterValue == ListStyleVariants.grid,
-      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.filterLabel = undefined;
+        this.filterValue = undefined;
+    }
+    render() {
+        return (h("div", { key: 'c885f341d0ae2a217e76dd767e70d7d2daf89661', class: "hy-filter__list-type" }, h("span", { key: '29efc111d7c6b549aadf4b4908a635ce31d30c6c' }, this.filterLabel), h("button", { key: '9be385aaba6abb126222906cdba0b9f25c50a378', type: "button", class: {
+                "hy-filter-item": true,
+                "hy-filter__list-type__list": true,
+                "is-active": this.filterValue == ListStyleVariants.list,
+            }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { key: 'd75b0ddd891522b19ed22d70df65db6df32d28fb', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { key: '387080c9af3012c3e0a758610074f3cee9c8f5cc', type: "button", class: {
+                "hy-filter-item": true,
+                "hy-filter__list-type__grid": true,
+                "is-active": this.filterValue == ListStyleVariants.grid,
+            }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { key: '408594fa4b35ca4ce5a67a1f83a59afc761c1a41', class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
+    }
 };
-HyFilterListType.style = hyFilterListTypeCss;
+HyFilterListType.style = HyFilterListTypeStyle0;
 
 const hyFilterVisibilityToolCss = ":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-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
+const HyFilterVisibilityToolStyle0 = hyFilterVisibilityToolCss;
 
 const HyFilterVisibilityTool = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.filterVisibilityToolType = undefined;
-  }
-  render() {
-    switch (this.filterVisibilityToolType) {
-      case "toggle":
-        return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
-      case "reset":
-        return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.filterVisibilityToolType = undefined;
+    }
+    render() {
+        switch (this.filterVisibilityToolType) {
+            case "toggle":
+                return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
+            case "reset":
+                return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
+        }
     }
-  }
 };
-HyFilterVisibilityTool.style = hyFilterVisibilityToolCss;
+HyFilterVisibilityTool.style = HyFilterVisibilityToolStyle0;
 
 const HyFilterVisibilityToolReset = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("button", { key: '1baf204d15239138cbd403db9db08baceeb53a2e', class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { key: '2baa7ecbf103d6f23cdbb29c47a2ec9b650d54f6', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
+    }
 };
 
 const HyFilterVisibilityToolToggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'e914cc806b6051c0e7d65e8f93b93c7741e2f297' }, h("button", { key: 'a507feabc34921a048ce498b8c2b4c9cb94f79cf', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { key: '35326b68072ef63184efdbe7b81adb1b277f0a1a', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { key: '668ed03f2e5072da773ad48e6ae0e31d00c3f4ad', class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { key: '83f61df9f455b9b1f0cdc39dc9acc188857baaeb', class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
+    }
 };
 
 export { HyFilterGroup as hy_filter_group, HyFilterGroupItem as hy_filter_group_item, HyFilterListType as hy_filter_list_type, HyFilterVisibilityTool as hy_filter_visibility_tool, HyFilterVisibilityToolReset as hy_filter_visibility_tool_reset, HyFilterVisibilityToolToggle as hy_filter_visibility_tool_toggle };
-
-//# sourceMappingURL=hy-filter-group_6.entry.js.map

package/dist/esm/hy-general-list_2.entry.js

@@ -1,98 +1,98 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-f84f2a7d.js';
-import { G as GeneralListTypes } from './utils-2819fd7e.js';
-import { j as jsonParserWorker } from './globalScript-5a4b7abf.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e2e165ed.js';
+import { G as GeneralListTypes } from './utils-1e7f5184.js';
+import { j as jsonParserWorker } from './globalScript-0c14426d.js';
 
 const hyGeneralListCss = ":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-general-list{list-style:none;margin:0;padding:0}.hy-general-list--style-grid{display:-webkit-box;display:-ms-flexbox;display:flex;display:grid;gap:32px 0}@media screen and (min-width: 768px){.hy-general-list--style-grid{grid-template-columns:repeat(2, 1fr);gap:32px 24px}}@media screen and (min-width: 1024px){.hy-general-list--style-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1920px){.hy-general-list--style-grid{gap:32px}}.hy-general-list--style-grid li{background-color:var(--grayscale-background-box);width:100%;height:auto}";
+const HyGeneralListStyle0 = hyGeneralListCss;
 
 const HyGeneralList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.type = GeneralListTypes.list;
-    this.blank = true;
-    this.dataItems = undefined;
-    this.truncateDescription = true;
-    this.truncateLimit = 140;
-    this.hasSidebar = false;
-  }
-  async componentWillLoad() {
-    this._dataItems = await jsonParserWorker(this.dataItems);
-    const hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (hyMainDiv.classList.contains("with-sidebar")) {
-        this.hasSidebar = true;
-      }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.type = GeneralListTypes.list;
+        this.blank = true;
+        this.dataItems = undefined;
+        this.truncateDescription = true;
+        this.truncateLimit = 140;
+        this.hasSidebar = false;
     }
-  }
-  async watchPropHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this._dataItems = await jsonParserWorker(this.dataItems);
+    async componentWillLoad() {
+        this._dataItems = await jsonParserWorker(this.dataItems);
+        const hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (hyMainDiv.classList.contains("with-sidebar")) {
+                this.hasSidebar = true;
+            }
+        }
     }
-  }
-  render() {
-    const classAttributes = [
-      "hy-general-list",
-      this.hasSidebar ? "hy-general-list--with-sidebar" : "",
-      `hy-general-list--style-${this.type}`,
-    ].join(" ");
-    let listData = this._dataItems;
-    if (typeof this._dataItems === "object") {
-      listData = Object.values(this._dataItems);
+    async watchPropHandler(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this._dataItems = await jsonParserWorker(this.dataItems);
+        }
     }
-    function truncate(str, n) {
-      return str.length > n ? str.substr(0, n - 1) + "..." : str;
+    render() {
+        const classAttributes = [
+            "hy-general-list",
+            this.hasSidebar ? "hy-general-list--with-sidebar" : "",
+            `hy-general-list--style-${this.type}`,
+        ].join(" ");
+        let listData = this._dataItems;
+        if (typeof this._dataItems === "object") {
+            listData = Object.values(this._dataItems);
+        }
+        function truncate(str, n) {
+            return str.length > n ? str.substr(0, n - 1) + "..." : str;
+        }
+        return (h(Host, null, h("ul", { class: classAttributes }, listData &&
+            listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
     }
-    return (h(Host, null, h("ul", { class: classAttributes }, listData &&
-      listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "dataItems": ["watchPropHandler"]
-  }; }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "dataItems": ["watchPropHandler"]
+    }; }
 };
-HyGeneralList.style = hyGeneralListCss;
+HyGeneralList.style = HyGeneralListStyle0;
 
 const hyGeneralListItemCss = ":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;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-general-list-item__image{background-color:#ececec;width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{font-size:1.125rem;line-height:22px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.45px;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 1601px){.hy-general-list-item__title{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{font-size:1.25rem;line-height:24px;letter-spacing:-0.5px}}.hy-general-list-item__description{font-size:0.9375rem;line-height:20px;color:var(--grayscale-dark);display:none;letter-spacing:-0.09px;margin:0}@media (min-width: 30rem){.hy-general-list-item__description{font-size:0.875rem;line-height:18px;display:block;letter-spacing:-0.08px}}@media (min-width: 1601px){.hy-general-list-item__description{font-size:0.875rem;line-height:20px}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{font-size:0.875rem;line-height:20px}}";
+const HyGeneralListItemStyle0 = hyGeneralListItemCss;
 
 const HyGeneralListItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hasSidebar = true;
-    this.description = undefined;
-    this.imageAlt = "";
-    this.imageUrl = null;
-    this.disableLazy = false;
-    this.itemTitle = undefined;
-    this.label = undefined;
-    this.subLabel = "";
-    this.date = "";
-    this.tag = "";
-    this.type = undefined;
-    this.url = undefined;
-    this.listStyle = undefined;
-    this.target = true;
-  }
-  render() {
-    const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
-    const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
-    const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
-    const sidebarClass = this.hasSidebar ? "common" : "large";
-    const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
-    const descriptionClassAttributes = [
-      "hy-general-list-item__description",
-      `hy-general-list-item__description__${sidebarClass}`,
-    ].join(" ");
-    const aspectRatioWidth = 16;
-    const aspectRatioHeight = 10;
-    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
-    const aspectRatio = {
-      "--aspectRatio": `${aspect}%`,
-    };
-    return (h("article", { class: classAttributes }, h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { class: "hy-general-list-item__type" }, h("span", { class: "hy-general-list-item__type__major" }, this.label), h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio }, h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" }, this.tag, h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { class: titleClassAttributes }, this.itemTitle), h("p", { class: descriptionClassAttributes }, this.description)))));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hasSidebar = true;
+        this.description = undefined;
+        this.imageAlt = "";
+        this.imageUrl = null;
+        this.disableLazy = false;
+        this.itemTitle = undefined;
+        this.label = undefined;
+        this.subLabel = "";
+        this.date = "";
+        this.tag = "";
+        this.type = undefined;
+        this.url = undefined;
+        this.listStyle = undefined;
+        this.target = true;
+    }
+    render() {
+        const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
+        const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
+        const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
+        const sidebarClass = this.hasSidebar ? "common" : "large";
+        const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
+        const descriptionClassAttributes = [
+            "hy-general-list-item__description",
+            `hy-general-list-item__description__${sidebarClass}`,
+        ].join(" ");
+        const aspectRatioWidth = 16;
+        const aspectRatioHeight = 10;
+        const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
+        const aspectRatio = {
+            "--aspectRatio": `${aspect}%`,
+        };
+        return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '89d33a3fee6472256ba64ee9dee0c264b840859a', class: titleClassAttributes }, this.itemTitle), h("p", { key: '73c8cebab20d93921447250655f2d1a37f1565c7', class: descriptionClassAttributes }, this.description)))));
+    }
+    get el() { return getElement(this); }
 };
-HyGeneralListItem.style = hyGeneralListItemCss;
+HyGeneralListItem.style = HyGeneralListItemStyle0;
 
 export { HyGeneralList as hy_general_list, HyGeneralListItem as hy_general_list_item };
-
-//# sourceMappingURL=hy-general-list_2.entry.js.map