@itcenteratunihelsinki/huds-lib 0.9.3 → 0.9.5

package/dist/huds-lib/hy-content-list_2.entry.js

@@ -1 +1 @@
-import{r as t,h as i,H as e,g as n}from"./index-2ffe17c9.js";import{j as a,k as o}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-7f6ce018.js";const s=class{constructor(i){t(this,i),this.variant=a.default,this.linkLabel="Go to course page",this.noResultLabel="No courses scheduled at the moment",this.creditsLabel="cr",this.cancelledLabel="Cancelled",this.dataItems=void 0,this.headerstyle="common",this.courseStateVariant=o.default,this.courseRealisations=[]}dataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.dataWatcher(this.dataItems)}handleCardClick(t,i){t.preventDefault();let e=this.el.querySelector(`#${i}`);e&&window.open(e.dataset.location,"_blank")}async componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}renderItems(){let t=[];return this._dataItems&&this._dataItems.length>0&&this._dataItems.forEach((e=>{const n=JSON.parse(JSON.stringify(e));this.variant="list"==n.courseListType?a.row:a.grid;const o=n.code,l=n.credits;if(n.realisations){const e=JSON.parse(JSON.stringify(n.realisations));for(const n in e){const a=e[n],s=a.name+", "+l+" "+this.creditsLabel,r=a.studyFormat,c=a.cancelled,d=a.startDate,m=a.endDate,h=a.formattedTimeRange,b=a.enrolmentLink,p=a.teachingLanguage,y=a.organisation;let x=[];if(a.tags){let t=JSON.parse(JSON.stringify(a.tags));for(let i in t)x.push({name:t[i]})}const g=JSON.stringify(x),f=["item",this.variant].join(" ");t.push(i("hy-content-list-item",{id:n,class:f,variant:this.variant,"state-variant":this.courseStateVariant,"course-code":o,"course-name":s,"is-cancelled":c,"cancelled-label":this.cancelledLabel,"course-credits":l,"course-tags":g,"course-start-date":d,"course-end-date":m,"formatted-time-range":h,"course-study-format":r,"course-organisation":y,"course-enrollment-link":b,"course-teaching-language":p,"course-link-label":this.linkLabel,"data-location":b,onClick:t=>this.handleCardClick(t,n)}))}}})),t}render(){const t=[this.variant,"hy-content-list"].join(" "),n=["hy-content-list--alert",`hy-content-list--alert--${this.headerstyle}`].join(" "),a=["hy-content-list--alert-label",`hy-content-list--alert-label--${this.headerstyle}`].join(" ");return this.courseRealisations=this.renderItems(),i(e,null,i("div",{class:t},this.courseRealisations&&this.courseRealisations.length>0?this.courseRealisations:i("div",{class:"hy-content-list--no-result"},i("span",{class:n},i("hy-icon",{icon:"hy-icon-info",size:16})),i("span",{class:a},this.noResultLabel))))}get el(){return n(this)}static get watchers(){return{dataItems:["dataWatcher"]}}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";const r=class{constructor(i){t(this,i),this.variant=a.default,this.stateVariant=o.default,this.courseCode=void 0,this.courseName=void 0,this.isCancelled=void 0,this.cancelledLabel="Cancelled",this.courseCredits=void 0,this.courseTags=void 0,this.courseStartDate=void 0,this.courseEndDate=void 0,this.formattedTimeRange=void 0,this.courseStudyFormat=void 0,this.courseOrganisation=void 0,this.courseEnrollmentLink=void 0,this.courseTeachingLanguage=void 0,this.courseLinkLabel=void 0}async componentWillLoad(){this._courseTags=await l(this.courseTags)}handleKeyDown(t){"Enter"==t.code&&window.open(this.el.dataset.location,"_blank","noopener")}render(){const t=[this.variant,"hy-content-list-item"].join(" "),e=["hy-content-list-item--item-name",`hy-content-list-item--item-name--${this.stateVariant}`].join(" "),n=["cancelled",`cancelled--${this.stateVariant}`].join(" ");return[i("div",{key:"c168c469066896d82a742d2b41757ef358abab1f",class:t,tabindex:"0"},i("div",{key:"413af19dd1cb731436cb978cc21592f193995b24",class:e},this.courseName),i("div",{key:"c248fd0d9320d692a1bfe731d2a6d87ee61fd31d",class:"hy-content-list-item--metadata"},this.isCancelled&&i("div",{key:"0e501f73f8686fc58e6884dd23a0e62c4bc1fd9b",class:n},i("span",{key:"7f901eed6ccf8e596db3239384ec6e07c11303da"},this.cancelledLabel)),i("div",{key:"90b7ebf618c9157f588368b980a7be00048e03f6",class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first"},i("span",{key:"1c7a3004f02c93f3e3af52238afe2ccb8abd6cdc"},this.formattedTimeRange)),this.courseOrganisation?[i("div",{class:"hy-content-list-item--metadata--item"},i("span",null,this.courseStudyFormat)),i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseOrganisation))]:[i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseStudyFormat))]),this._courseTags&&this._courseTags.length>0&&i("div",{key:"dc0b9db667e3522626cfad8b00860ca47b13581b",class:"hy-content-list-item--tags"},this._courseTags.map((t=>i("hy-tag",null,t.name)))),this.isCancelled&&i("div",{key:"cfd0e329da0b4edfc3a798471abf2fdcd25f680c",class:"cancelled mobile"},i("span",{key:"25a4557562260d23fa3f152e6c281f25c35a08da"},this.cancelledLabel)),i("div",{key:"e4ddeb0e46c40e030318f94e0d54e97c177dc005",class:"hy-content-list-item--link"},i("a",{key:"0d961b9ea7eb6d0b7779e8d2238bd8b799c18ad6",href:this.courseEnrollmentLink,target:"_blank","aria-label":"Link points outside the current website.",class:"hy-content-list-item--link--link",tabindex:"-1"},i("span",{key:"6bea55ccb5c176b89736cdd6bf09befa6e865623",class:"label"},this.courseLinkLabel),i("span",{key:"508af5bd51514290206054fc086313c1c6754f79",class:"icon-wrapper"},i("div",{key:"211b7d1607b403d360dbcb2ac3d1b775738ec2ec",class:"icon"},i("hy-icon",{key:"61a3254e5f9046365ff527ca4d978ed428adab25",icon:"hy-icon-arrow-to-right",size:40}))))))]}get el(){return n(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-content-list-item{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){hy-content-list-item{margin-bottom:24px}}hy-content-list-item[variant=row],hy-content-list-item.row{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item[variant=row],hy-content-list-item.row{padding:21px 0 12px 24px}}@media (min-width: 60rem){hy-content-list-item[variant=row],hy-content-list-item.row{margin-bottom:16px}}hy-content-list-item.grid{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item.grid{margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){hy-content-list-item.grid{margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){hy-content-list-item.grid{margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:0}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(3n+0){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:"|";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:" "}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}';export{s as hy_content_list,r as hy_content_list_item}
+import{r as t,h as i,H as e,g as n}from"./index-2ffe17c9.js";import{j as a,k as o}from"./utils-1e7f5184.js";import{j as l}from"./globalScript-3f479486.js";const s=class{constructor(i){t(this,i),this.variant=a.default,this.linkLabel="Go to course page",this.noResultLabel="No courses scheduled at the moment",this.creditsLabel="cr",this.cancelledLabel="Cancelled",this.dataItems=void 0,this.headerstyle="common",this.courseStateVariant=o.default,this.courseRealisations=[]}dataWatcher(t){this._dataItems="string"==typeof t?JSON.parse(t):t}componentWillLoad(){this.dataWatcher(this.dataItems)}handleCardClick(t,i){t.preventDefault();let e=this.el.querySelector(`#${i}`);e&&window.open(e.dataset.location,"_blank")}async componentDidLoad(){let t=this.el.closest(".hy-main");t&&(t.classList.contains("with-sidebar")||(this.headerstyle="large"))}renderItems(){let t=[];return this._dataItems&&this._dataItems.length>0&&this._dataItems.forEach((e=>{const n=JSON.parse(JSON.stringify(e));this.variant="list"==n.courseListType?a.row:a.grid;const o=n.code,l=n.credits;if(n.realisations){const e=JSON.parse(JSON.stringify(n.realisations));for(const n in e){const a=e[n],s=a.name+", "+l+" "+this.creditsLabel,r=a.studyFormat,c=a.cancelled,d=a.startDate,m=a.endDate,h=a.formattedTimeRange,b=a.enrolmentLink,p=a.teachingLanguage,y=a.organisation;let x=[];if(a.tags){let t=JSON.parse(JSON.stringify(a.tags));for(let i in t)x.push({name:t[i]})}const g=JSON.stringify(x),f=["item",this.variant].join(" ");t.push(i("hy-content-list-item",{id:n,class:f,variant:this.variant,"state-variant":this.courseStateVariant,"course-code":o,"course-name":s,"is-cancelled":c,"cancelled-label":this.cancelledLabel,"course-credits":l,"course-tags":g,"course-start-date":d,"course-end-date":m,"formatted-time-range":h,"course-study-format":r,"course-organisation":y,"course-enrollment-link":b,"course-teaching-language":p,"course-link-label":this.linkLabel,"data-location":b,onClick:t=>this.handleCardClick(t,n)}))}}})),t}render(){const t=[this.variant,"hy-content-list"].join(" "),n=["hy-content-list--alert",`hy-content-list--alert--${this.headerstyle}`].join(" "),a=["hy-content-list--alert-label",`hy-content-list--alert-label--${this.headerstyle}`].join(" ");return this.courseRealisations=this.renderItems(),i(e,null,i("div",{class:t},this.courseRealisations&&this.courseRealisations.length>0?this.courseRealisations:i("div",{class:"hy-content-list--no-result"},i("span",{class:n},i("hy-icon",{icon:"hy-icon-info",size:16})),i("span",{class:a},this.noResultLabel))))}get el(){return n(this)}static get watchers(){return{dataItems:["dataWatcher"]}}};s.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";const r=class{constructor(i){t(this,i),this.variant=a.default,this.stateVariant=o.default,this.courseCode=void 0,this.courseName=void 0,this.isCancelled=void 0,this.cancelledLabel="Cancelled",this.courseCredits=void 0,this.courseTags=void 0,this.courseStartDate=void 0,this.courseEndDate=void 0,this.formattedTimeRange=void 0,this.courseStudyFormat=void 0,this.courseOrganisation=void 0,this.courseEnrollmentLink=void 0,this.courseTeachingLanguage=void 0,this.courseLinkLabel=void 0}async componentWillLoad(){this._courseTags=await l(this.courseTags)}handleKeyDown(t){"Enter"==t.code&&window.open(this.el.dataset.location,"_blank","noopener")}render(){const t=[this.variant,"hy-content-list-item"].join(" "),e=["hy-content-list-item--item-name",`hy-content-list-item--item-name--${this.stateVariant}`].join(" "),n=["cancelled",`cancelled--${this.stateVariant}`].join(" ");return[i("div",{key:"c168c469066896d82a742d2b41757ef358abab1f",class:t,tabindex:"0"},i("div",{key:"413af19dd1cb731436cb978cc21592f193995b24",class:e},this.courseName),i("div",{key:"c248fd0d9320d692a1bfe731d2a6d87ee61fd31d",class:"hy-content-list-item--metadata"},this.isCancelled&&i("div",{key:"0e501f73f8686fc58e6884dd23a0e62c4bc1fd9b",class:n},i("span",{key:"7f901eed6ccf8e596db3239384ec6e07c11303da"},this.cancelledLabel)),i("div",{key:"90b7ebf618c9157f588368b980a7be00048e03f6",class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first"},i("span",{key:"1c7a3004f02c93f3e3af52238afe2ccb8abd6cdc"},this.formattedTimeRange)),this.courseOrganisation?[i("div",{class:"hy-content-list-item--metadata--item"},i("span",null,this.courseStudyFormat)),i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseOrganisation))]:[i("div",{class:"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last"},i("span",null,this.courseStudyFormat))]),this._courseTags&&this._courseTags.length>0&&i("div",{key:"dc0b9db667e3522626cfad8b00860ca47b13581b",class:"hy-content-list-item--tags"},this._courseTags.map((t=>i("hy-tag",null,t.name)))),this.isCancelled&&i("div",{key:"cfd0e329da0b4edfc3a798471abf2fdcd25f680c",class:"cancelled mobile"},i("span",{key:"25a4557562260d23fa3f152e6c281f25c35a08da"},this.cancelledLabel)),i("div",{key:"e4ddeb0e46c40e030318f94e0d54e97c177dc005",class:"hy-content-list-item--link"},i("a",{key:"0d961b9ea7eb6d0b7779e8d2238bd8b799c18ad6",href:this.courseEnrollmentLink,target:"_blank","aria-label":"Link points outside the current website.",class:"hy-content-list-item--link--link",tabindex:"-1"},i("span",{key:"6bea55ccb5c176b89736cdd6bf09befa6e865623",class:"label"},this.courseLinkLabel),i("span",{key:"508af5bd51514290206054fc086313c1c6754f79",class:"icon-wrapper"},i("div",{key:"211b7d1607b403d360dbcb2ac3d1b775738ec2ec",class:"icon"},i("hy-icon",{key:"61a3254e5f9046365ff527ca4d978ed428adab25",icon:"hy-icon-arrow-to-right",size:40}))))))]}get el(){return n(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}hy-content-list-item{background:radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;position:relative}@media (min-width: 30rem){hy-content-list-item{margin-bottom:24px}}hy-content-list-item[variant=row],hy-content-list-item.row{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item[variant=row],hy-content-list-item.row{padding:21px 0 12px 24px}}@media (min-width: 60rem){hy-content-list-item[variant=row],hy-content-list-item.row{margin-bottom:16px}}hy-content-list-item.grid{max-width:100%;padding:21px 0 60px 12px;width:100%}@media (min-width: 30rem){hy-content-list-item.grid{margin-right:var(--gutter-medium);max-width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5);padding:21px 0 60px 12px;width:calc(((100% - var(--gutter-medium) * 11) / 12) * 6 + var(--gutter-medium) * 5)}}@media (min-width: 60rem){hy-content-list-item.grid{margin-bottom:27px;margin-right:var(--gutter-wide);max-width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3);width:calc(((100% - var(--gutter-wide) * 11) / 12) * 4 + var(--gutter-wide) * 3)}}@media (min-width: 75.0625rem){hy-content-list-item.grid{margin-bottom:32px;margin-right:var(--gutter-extrawide);max-width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3);width:calc(((100% - var(--gutter-extrawide) * 11) / 12) * 4 + var(--gutter-extrawide) * 3)}}@media (min-width: 30rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:0}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-wide)}}@media (min-width: 75.0625rem){hy-content-list-item.grid:nth-of-type(2n+0){margin-right:var(--gutter-extrawide)}}@media (min-width: 60rem){hy-content-list-item.grid:nth-of-type(3n+0){margin-right:0}}.hy-content-list-item{font-family:var(--main-font-family);position:relative;width:100%}.hy-content-list-item a{text-decoration:none}.hy-content-list-item--container{cursor:pointer}.hy-content-list-item--item-name{color:var(--link-blue);font-size:1.25rem;line-height:24px;font-weight:700;letter-spacing:-0.6px;margin-bottom:16px;word-break:break-word}.hy-content-list-item--item-name--past-courses{color:var(--grayscale-dark)}.hy-content-list-item--metadata{font-size:0.875rem;line-height:16px;font-weight:600;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;letter-spacing:-0.44px;line-height:16px;margin-bottom:19px;padding-bottom:0}.hy-content-list-item--metadata--item{padding-bottom:6px}@media (min-width: 30rem){.hy-content-list-item--metadata{padding-bottom:1rem}}@media (min-width: 75.0625rem){.hy-content-list-item--metadata{padding-bottom:0}}.hy-content-list-item--metadata--item:after{content:"|";padding:0 8px}.hy-content-list-item--metadata--item--last:after{content:" "}.hy-content-list-item .cancelled span{font-size:0.75rem;line-height:12px;font-weight:700;background-color:var(--additional-red-light);color:var(--grayscale-white);letter-spacing:-0.5px;padding:6px 8px;text-transform:uppercase}.hy-content-list-item .cancelled--past-courses span{background-color:var(--grayscale-dark)}.hy-content-list-item .cancelled:not(.mobile){display:none}.hy-content-list-item .cancelled.mobile{bottom:-50px;display:block;margin:0;padding-bottom:12px;position:absolute}@media (min-width: 30rem){.hy-content-list-item .cancelled{margin-right:8px}.hy-content-list-item .cancelled.mobile{display:none}.hy-content-list-item .cancelled:not(.mobile){display:block}}.hy-content-list-item--link{position:absolute;right:-6px}.hy-content-list-item--link a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-decoration:none}.hy-content-list-item--link a .label{font-size:1rem;line-height:16px;font-weight:700;color:var(--link-blue);letter-spacing:-0.5px;line-height:16px;margin-right:8px;text-align:right}.hy-content-list-item--link a .icon-wrapper{background-color:var(--brand-main-light);z-index:10}.hy-content-list-item--link a .icon-wrapper .icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;overflow:hidden}.hy-content-list-item--link a .icon-wrapper .icon svg{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);fill:var(--grayscale-white);padding:10.29px}.hy-content-list-item.row .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}@media (min-width: 30rem){.hy-content-list-item.row .hy-content-list-item--link{bottom:0;padding-bottom:0}}.hy-content-list-item.row .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 60rem){.hy-content-list-item.row .hy-content-list-item--tags{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:200px}}.hy-content-list-item.grid .hy-content-list-item--link{bottom:-60px;padding-bottom:12px}.hy-content-list-item.grid .hy-content-list-item--tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}';export{s as hy_content_list,r as hy_content_list_item}

package/dist/huds-lib/hy-dropdown.entry.js

@@ -1 +1 @@
-import{r as i,c as e,h as t,H as o,g as n}from"./index-2ffe17c9.js";import{j as d}from"./globalScript-7f6ce018.js";const a=class{constructor(t){i(this,t),this.dropdownPanelToggled=e(this,"dropdownPanelToggled",7),this.dropdropValueChange=e(this,"dropdownValueChanged",7),this.dropdropMultiValueChange=e(this,"dropdownMultiValueChanged",7),this.dropdownKeyPress=e(this,"dropdownKeyPress",7),this.single=!1,this.dropdownLabel=null,this.dropdownId="dropdownToggle",this.dropdownOptions=void 0,this.defaultLabel="All",this.type=null,this.defaultOption=null,this.isPanelOpen=!1,this.isChecked=!1,this.currentSingle=[{id:0,label:this.defaultLabel,value:0}],this.currentMulti=void 0,this.focusedOptionIndex=0}async componentWillLoad(){this._dropdownOptions=await d(this.dropdownOptions)}componentWillUpdate(){const i=this.el.querySelectorAll(".hy-dropdown__checkbox");i&&(this.isChecked=!![...i].some((i=>1==i.checked)))}watchPropHandler(i,e){if(this.single&&i!==e){const e=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(e).filter((e=>e.id==i?(e.checked=!0,void(this.currentSingle=this._dropdownOptions.filter((e=>e.id==i)))):null))}}panelListener(i){this.isPanelOpen&&i.detail.dropdownId!==this.dropdownId&&(this.isPanelOpen=!1)}handleMultiClick(i,e){i.stopPropagation();const t=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(t).filter((i=>{const t=i.closest("li");if(t.dataset.id==e.id&&!t.hasAttribute("aria-selected"))return t.setAttribute("aria-selected","true"),void(this.currentMulti=this.currentMulti&&this.currentMulti.length>0?[...this.currentMulti,e]:[e]);if(t.dataset.id!==e.id||!t.hasAttribute("aria-selected"))return null;if(t.removeAttribute("aria-selected"),this.currentMulti.length>0){const i=this.currentMulti.indexOf(e);this.currentMulti=this.currentMulti.splice(i,1)}}))}handleSingleClick(i,e){if(!this.single||!this.isPanelOpen)return;const t=this.el.getElementsByClassName("hy-dropdown__checkbox");i.stopPropagation(),Array.from(t).filter((i=>{const t=i.closest("li");return t.dataset.id==e.id?t.hasAttribute("aria-selected")?(t.removeAttribute("aria-selected"),void(this.currentSingle=[{id:null,label:this.defaultLabel,value:null}])):(t.setAttribute("aria-selected","true"),void(this.currentSingle=this._dropdownOptions.filter((i=>i.id==e.id)))):t.dataset.id!==e.id&&t.hasAttribute("aria-selected")?void t.removeAttribute("aria-selected"):null}))}handleKeyDown(i){switch(i.stopPropagation(),i.key){case"ArrowDown":if(i.preventDefault(),!this.isPanelOpen)return void this.handlePanelToggle(i);this.focusedOptionIndex=(this.focusedOptionIndex+1)%this._dropdownOptions.length;break;case"ArrowUp":this.focusedOptionIndex=(this.focusedOptionIndex-1+this._dropdownOptions.length)%this._dropdownOptions.length,i.preventDefault();break;case"Enter":case" ":if(!this.isPanelOpen)return i.preventDefault(),void this.handlePanelToggle(i);this.single?this.handleOptionSingleClick(i,this._dropdownOptions[this.focusedOptionIndex]):this.handleMultiOptionClick(i,this._dropdownOptions[this.focusedOptionIndex]),this.dropdownKeyPress.emit({id:this.dropdownId,type:this.type,data:this._dropdownOptions[this.focusedOptionIndex]}),i.preventDefault();break;case"Escape":case"Tab":this.isPanelOpen=!1}}handlePanelToggle(i){i.stopPropagation(),this.isPanelOpen=!this.isPanelOpen,this.dropdownPanelToggled.emit({dropdownId:this.dropdownId,panelOpen:this.isPanelOpen})}handlePanelClickOutside(i){i.stopPropagation();const e=this.el.querySelector(`#${this.dropdownId}`),t=this.el.querySelector(".hy-dropdown__panel"),o=this.el.querySelectorAll(".hy-dropdown__panel-item"),n=this.el.querySelectorAll(".hy-dropdown__checkbox"),d=this.el.querySelectorAll(".hy-dropdown__icon"),{target:a}=i,s=[this.el,e,t,...n,d,...o];this.isPanelOpen&&!s.includes(a)&&(this.isPanelOpen=!1)}handleOptionSingleClick(i,e){i.stopPropagation(),this.handleSingleClick(i,e),this.dropdropValueChange.emit({id:this.dropdownId,type:this.type,data:e})}handleMultiOptionClick(i,e){i.stopPropagation(),this.handleMultiClick(i,e),this.dropdropMultiValueChange.emit({id:this.dropdownId,type:this.type,data:this.currentMulti})}handleOptionHover(i){this.focusedOptionIndex=i}render(){const{label:i,id:e,value:n}=this.currentSingle[0],d=["hy-dropdown",this.single?"hy-dropdown--single":""].join(" ");return this.single?t(o,{class:d},this.dropdownLabel&&t("label",{class:"hy-dropdown__button-label",htmlFor:this.dropdownId},this.dropdownLabel),t("div",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),onKeyDown:i=>this.handleKeyDown(i),"aria-label":this.dropdownLabel,"data-current-id":e,"data-current-value":n,"data-value":e,tabIndex:0},t("input",{"aria-hidden":"true",class:"hy-dropdown__hidden-input",type:"hidden",value:e}),i,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n                  ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleOptionSingleClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"}))))))):t(o,{class:d},t("button",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),"aria-label":this.dropdownLabel,type:"button"},this.dropdownLabel&&this.dropdownLabel,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n                  ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleMultiOptionClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"})))))))}get el(){return n(this)}static get watchers(){return{defaultOption:["watchPropHandler"]}}};a.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.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}';export{a as hy_dropdown}
+import{r as i,c as e,h as t,H as o,g as n}from"./index-2ffe17c9.js";import{j as d}from"./globalScript-3f479486.js";const a=class{constructor(t){i(this,t),this.dropdownPanelToggled=e(this,"dropdownPanelToggled",7),this.dropdropValueChange=e(this,"dropdownValueChanged",7),this.dropdropMultiValueChange=e(this,"dropdownMultiValueChanged",7),this.dropdownKeyPress=e(this,"dropdownKeyPress",7),this.single=!1,this.dropdownLabel=null,this.dropdownId="dropdownToggle",this.dropdownOptions=void 0,this.defaultLabel="All",this.type=null,this.defaultOption=null,this.isPanelOpen=!1,this.isChecked=!1,this.currentSingle=[{id:0,label:this.defaultLabel,value:0}],this.currentMulti=void 0,this.focusedOptionIndex=0}async componentWillLoad(){this._dropdownOptions=await d(this.dropdownOptions)}componentWillUpdate(){const i=this.el.querySelectorAll(".hy-dropdown__checkbox");i&&(this.isChecked=!![...i].some((i=>1==i.checked)))}watchPropHandler(i,e){if(this.single&&i!==e){const e=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(e).filter((e=>e.id==i?(e.checked=!0,void(this.currentSingle=this._dropdownOptions.filter((e=>e.id==i)))):null))}}panelListener(i){this.isPanelOpen&&i.detail.dropdownId!==this.dropdownId&&(this.isPanelOpen=!1)}handleMultiClick(i,e){i.stopPropagation();const t=this.el.getElementsByClassName("hy-dropdown__checkbox");Array.from(t).filter((i=>{const t=i.closest("li");if(t.dataset.id==e.id&&!t.hasAttribute("aria-selected"))return t.setAttribute("aria-selected","true"),void(this.currentMulti=this.currentMulti&&this.currentMulti.length>0?[...this.currentMulti,e]:[e]);if(t.dataset.id!==e.id||!t.hasAttribute("aria-selected"))return null;if(t.removeAttribute("aria-selected"),this.currentMulti.length>0){const i=this.currentMulti.indexOf(e);this.currentMulti=this.currentMulti.splice(i,1)}}))}handleSingleClick(i,e){if(!this.single||!this.isPanelOpen)return;const t=this.el.getElementsByClassName("hy-dropdown__checkbox");i.stopPropagation(),Array.from(t).filter((i=>{const t=i.closest("li");return t.dataset.id==e.id?t.hasAttribute("aria-selected")?(t.removeAttribute("aria-selected"),void(this.currentSingle=[{id:null,label:this.defaultLabel,value:null}])):(t.setAttribute("aria-selected","true"),void(this.currentSingle=this._dropdownOptions.filter((i=>i.id==e.id)))):t.dataset.id!==e.id&&t.hasAttribute("aria-selected")?void t.removeAttribute("aria-selected"):null}))}handleKeyDown(i){switch(i.stopPropagation(),i.key){case"ArrowDown":if(i.preventDefault(),!this.isPanelOpen)return void this.handlePanelToggle(i);this.focusedOptionIndex=(this.focusedOptionIndex+1)%this._dropdownOptions.length;break;case"ArrowUp":this.focusedOptionIndex=(this.focusedOptionIndex-1+this._dropdownOptions.length)%this._dropdownOptions.length,i.preventDefault();break;case"Enter":case" ":if(!this.isPanelOpen)return i.preventDefault(),void this.handlePanelToggle(i);this.single?this.handleOptionSingleClick(i,this._dropdownOptions[this.focusedOptionIndex]):this.handleMultiOptionClick(i,this._dropdownOptions[this.focusedOptionIndex]),this.dropdownKeyPress.emit({id:this.dropdownId,type:this.type,data:this._dropdownOptions[this.focusedOptionIndex]}),i.preventDefault();break;case"Escape":case"Tab":this.isPanelOpen=!1}}handlePanelToggle(i){i.stopPropagation(),this.isPanelOpen=!this.isPanelOpen,this.dropdownPanelToggled.emit({dropdownId:this.dropdownId,panelOpen:this.isPanelOpen})}handlePanelClickOutside(i){i.stopPropagation();const e=this.el.querySelector(`#${this.dropdownId}`),t=this.el.querySelector(".hy-dropdown__panel"),o=this.el.querySelectorAll(".hy-dropdown__panel-item"),n=this.el.querySelectorAll(".hy-dropdown__checkbox"),d=this.el.querySelectorAll(".hy-dropdown__icon"),{target:a}=i,s=[this.el,e,t,...n,d,...o];this.isPanelOpen&&!s.includes(a)&&(this.isPanelOpen=!1)}handleOptionSingleClick(i,e){i.stopPropagation(),this.handleSingleClick(i,e),this.dropdropValueChange.emit({id:this.dropdownId,type:this.type,data:e})}handleMultiOptionClick(i,e){i.stopPropagation(),this.handleMultiClick(i,e),this.dropdropMultiValueChange.emit({id:this.dropdownId,type:this.type,data:this.currentMulti})}handleOptionHover(i){this.focusedOptionIndex=i}render(){const{label:i,id:e,value:n}=this.currentSingle[0],d=["hy-dropdown",this.single?"hy-dropdown--single":""].join(" ");return this.single?t(o,{class:d},this.dropdownLabel&&t("label",{class:"hy-dropdown__button-label",htmlFor:this.dropdownId},this.dropdownLabel),t("div",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),onKeyDown:i=>this.handleKeyDown(i),"aria-label":this.dropdownLabel,"data-current-id":e,"data-current-value":n,"data-value":e,tabIndex:0},t("input",{"aria-hidden":"true",class:"hy-dropdown__hidden-input",type:"hidden",value:e}),i,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n                  ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleOptionSingleClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"}))))))):t(o,{class:d},t("button",{id:this.dropdownId,class:"hy-dropdown__toggle "+(this.isPanelOpen?"is-open":""),"aria-expanded":`${this.isPanelOpen||!1}`,"aria-controls":"dropdownPanel","aria-haspopup":"listbox",role:"combobox",onClick:i=>this.handlePanelToggle(i),"aria-label":this.dropdownLabel,type:"button"},this.dropdownLabel&&this.dropdownLabel,t("hy-icon",{class:"hy-dropdown__icon",icon:"hy-icon-caret-down",size:14,"aria-hidden":"true"})),t("ul",{"checkbox-checked":this.isChecked?"true":"false",id:"dropdownPanel",class:"hy-dropdown__panel "+(this.isPanelOpen?"":"is-hidden"),"aria-expanded":`${!this.isPanelOpen||!1}`,role:"listbox","aria-labelledby":"dropdownToggle"},this._dropdownOptions.map((({id:i,label:e,value:o},n,d)=>t("li",{key:i,"data-id":`${i}`,role:"option",class:`hy-dropdown__panel-item ${this._dropdownOptions.length-1===n?"is-last":""}\n                  ${this.focusedOptionIndex===n?"hy-dropdown__panel-item--focused":""}`,onClick:i=>this.handleMultiOptionClick(i,d[n]),onMouseEnter:()=>this.handleOptionHover(n)},t("span",{"data-id":`${i}`,class:"hy-dropdown__checkbox","data-value":`${o}`},e,t("hy-icon",{class:"hy-dropdown__label-icon",icon:"hy-icon-done",size:14,"aria-hidden":"true"})))))))}get el(){return n(this)}static get watchers(){return{defaultOption:["watchPropHandler"]}}};a.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}.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}';export{a as hy_dropdown}

package/dist/huds-lib/hy-general-list_2.entry.js

@@ -1 +1 @@
-import{r as e,h as i,H as t,g as a}from"./index-2ffe17c9.js";import{G as l}from"./utils-1e7f5184.js";import{j as n}from"./globalScript-7f6ce018.js";const r=class{constructor(i){e(this,i),this.type=l.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await n(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await n(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t&&t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}: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 s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),l=this.hasSidebar?"common":"large",n=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),r=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"7081f93304f3cf19ad098cec6ad6336c7cd31cfc",class:n,innerHTML:this.itemTitle}),i("p",{key:"ece9916a27cfeab10edb2ed2e53f4cc9807d7d72",class:r,innerHTML:this.description}))))}get el(){return a(this)}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}: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:var(--grayscale-light);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{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 60rem){.hy-general-list-item__title{font-size:var(--ds-fontSize-24);line-height:24px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__title__large{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-general-list-item__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;display:none;margin:0}@media (min-width: 60rem){.hy-general-list-item__description{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){.hy-general-list-item__description{display:block}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}';export{r as hy_general_list,s as hy_general_list_item}
+import{r as e,h as i,H as t,g as a}from"./index-2ffe17c9.js";import{G as l}from"./utils-1e7f5184.js";import{j as n}from"./globalScript-3f479486.js";const r=class{constructor(i){e(this,i),this.type=l.list,this.blank=!0,this.dataItems=void 0,this.truncateDescription=!0,this.truncateLimit=140,this.hasSidebar=!1}async componentWillLoad(){this._dataItems=await n(this.dataItems);const e=this.el.closest(".hy-main");e&&e.classList.contains("with-sidebar")&&(this.hasSidebar=!0)}async watchPropHandler(e,i){e!==i&&(this._dataItems=await n(this.dataItems))}render(){const e=["hy-general-list",this.hasSidebar?"hy-general-list--with-sidebar":"",`hy-general-list--style-${this.type}`].join(" ");let a=this._dataItems;return"object"==typeof this._dataItems&&(a=Object.values(this._dataItems)),i(t,null,i("ul",{class:e},a&&a.map((e=>{return i("li",null,i("hy-general-list-item",{"has-sidebar":this.hasSidebar,target:this.blank,"data-location":e.url,description:this.truncateDescription?(t=e.description,a=this.truncateLimit,t&&t.length>a?t.substr(0,a-1)+"...":t):e.description,id:e.id,imageAlt:e.imageAlt,imageUrl:e.imageUrl,"item-title":e.title,label:e.label,"sub-label":e.subLabel,tag:e.tag,date:e.date,type:e.type,url:e.url,"list-style":this.type}));var t,a}))),i("hy-box",{mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}static get watchers(){return{dataItems:["watchPropHandler"]}}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}: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 s=class{constructor(i){e(this,i),this.hasSidebar=!0,this.description=void 0,this.imageAlt="",this.imageUrl=null,this.disableLazy=!1,this.itemTitle=void 0,this.label=void 0,this.subLabel="",this.date="",this.tag="",this.type=void 0,this.url=void 0,this.listStyle=void 0,this.target=!0}render(){const e=["hy-general-list-item",`hy-general-list-item--style-${this.listStyle}`].join(" "),t=["hy-general-list-item__text-container"].join(" "),a=["hy-general-list-item__image-container"].join(" "),l=this.hasSidebar?"common":"large",n=["hy-general-list-item__title",`hy-general-list-item__title__${l}`].join(" "),r=["hy-general-list-item__description",`hy-general-list-item__description__${l}`].join(" ");return i("article",{key:"adca7126ed22708b38fccda42f8cf7539b663b4e",class:e},i("a",{key:"89a3af4674a926ed510fdfb92b31ff96a733b6fd",class:"hy-general-list-item__link",href:this.url,target:this.target?"_blank":"_self"},this.type&&i("div",{key:"34475cf10cd654bd55be9d06305504bd024623d7",class:"hy-general-list-item__type"},i("span",{key:"a354b151a2be10023e676889e28a1dfad004537e",class:"hy-general-list-item__type__major"},this.label),i("span",{key:"485b0991f311f1e2a01fcf4c0af87cc387f5a590",class:"hy-general-list-item__type__sub"},this.subLabel)),this.imageUrl&&i("figure",{key:"fc612555b4fff31e0cff4be356a8d4b755dad0d3",class:a,style:{"--aspectRatio":"62.5%"}},i("img",{key:"322507845036015cc71db724a88a12f2bc0d7567",loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-general-list-item__image",src:this.imageUrl})),i("div",{key:"03a945ed956b80525c795a30e8321b5e8aa5b9ba",class:t},(this.tag||this.date)&&i("span",{key:"e1247e33b750e3b4f6bcff1705b20a8ae59750d9",class:"hy-genenral-list-item__meta"},this.tag,i("span",{key:"f45459b0437fb5a46d70c6117f85bab23a448335",class:"hy-genenral-list-item__meta__date"},this.tag&&"|"," ",this.date)),i("h3",{key:"7081f93304f3cf19ad098cec6ad6336c7cd31cfc",class:n,innerHTML:this.itemTitle}),i("p",{key:"ece9916a27cfeab10edb2ed2e53f4cc9807d7d72",class:r,innerHTML:this.description}))))}get el(){return a(this)}};s.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}: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:var(--grayscale-light);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{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 60rem){.hy-general-list-item__title{font-size:var(--ds-fontSize-24);line-height:24px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__title__large{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-general-list-item__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;display:none;margin:0}@media (min-width: 60rem){.hy-general-list-item__description{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){.hy-general-list-item__description{display:block}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}';export{r as hy_general_list,s as hy_general_list_item}