npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.45 → 0.8.50 - Mend

@itcenteratunihelsinki/huds-lib 0.8.45 → 0.8.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (787) hide show

package/components/hy-box-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-box-container.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,sBAAsB;;MCQnCA,gBAAc;;;;gBAID,IAAI;oBAIA,IAAI;;EAChC,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAC,IAChF,WACE,KAAK,EAAE,GAAG,CAAA;;;yBAGK,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,SAAS;yBAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,MAAM;WAC9C,IAED,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyBoxContainer"],"sources":["./src/components/hy-box-container/hy-box-container.css?tag=hy-box-container","./src/components/hy-box-container/hy-box-container.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\nimport {css} from \"emotion\";\n\n@Component({\n tag: \"hy-box-container\",\n styleUrl: \"hy-box-container.css\",\n shadow: false,\n})\nexport class HyBoxContainer {\n /**\n * Should the items wrap to new rows.\n */\n @Prop() wrap: boolean = true;\n /**\n * Should the container have a max width of 90rems\n */\n @Prop() maxWidth: boolean = true;\n render() {\n return (\n <Host style={{width: \"100%\", display: \"flex\", flex: \"1\", justifyContent: \"center\"}}>\n <div\n class={css`\n display: flex;\n width: 100%;\n flex-wrap: ${this.wrap ? \"wrap\" : \"no-wrap\"};\n max-width: ${this.maxWidth ? \"90rem\" : \"100%\"};\n `}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-box.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyBox = HyBox$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyBox, defineCustomElement };
+//# sourceMappingURL=hy-box.js.map

package/components/hy-box.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-box.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-box2.js CHANGED Viewed

@@ -193,3 +193,5 @@ function defineCustomElement() {
 }
 export { HyBox as H, defineCustomElement as d };
+//# sourceMappingURL=hy-box2.js.map

package/components/hy-box2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-box2.js","mappings":"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","names":[],"sources":["./src/components/hy-box/hy-box.scss?tag=hy-box","./src/components/hy-box/hy-box.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import {Component, h, Prop, Host, Element} from \"@stencil/core\";\nimport {css} from \"emotion\";\n\n/*\nExample of using hy-box:\n<hy-box mb=\"1.75, 1.75, 2, 2.5\" />\nWhere mb = margin-bottom,\nmobile up to 30rem: 1.75rem (mb[0])\ntablet, 30rem - 60rem: 1.75rem (mb[1])\nwide, 60rem to 75rem or 60rem to 100.0625rem (depending on hasSidebar) (mb[2])\nxlarge, > 100.0625: 2.5rem (mb[3])\n* */\nconst toRemValue = (val?: number) => {\n return typeof val === \"number\" ? `${val}rem` : undefined;\n};\n\ninterface P {\n hasSidebar?: boolean;\n p?: number[];\n pt?: number[];\n pl?: number[];\n pb?: number[];\n pr?: number[];\n m?: number[];\n mt?: number[];\n ml?: number[];\n mb?: number[];\n mr?: number[];\n h?: number;\n bg?: string;\n width: string[];\n justify: string;\n align: string;\n direction: string;\n}\n\nconst breakpoints = [\"30rem\", \"60rem\", \"75.0625rem\", \"100.0625rem\"];\n\n/*\nDefault - mobile\nmq[0] - tablet\nmq[1] - wide, >960px\nmq[2] - extrawide, > 1200px\nmq[3] - xlarge, >1600px\n* */\nconst mq = breakpoints.map((b) => `@media (min-width: ${b})`);\nconst createCssClass = ({hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, width, justify, align, direction}: P) => {\n const last = width[width.length - 1];\n\n return css`\n padding-top: ${toRemValue(pt[0])};\n padding-right: ${toRemValue(pr[0])};\n padding-bottom: ${toRemValue(pb[0])};\n padding-left: ${toRemValue(pl[0])};\n margin-top: ${toRemValue(mt[0])};\n margin-right: ${toRemValue(mr[0])};\n margin-bottom: ${toRemValue(mb[0])};\n margin-left: ${toRemValue(ml[0])};\n height: ${toRemValue(h)};\n background-color: ${!!bg ? `var(--${bg})` : \"transparent\"};\n width: ${width[0]};\n display: flex;\n flex-flow: ${direction || \"row\"};\n justify-content: ${justify || \"flex-start\"};\n align-items: ${align || \"flex-start\"};\n\n ${mq[0]} {\n width: ${width[1]};\n\n padding-top: ${toRemValue(pt[1])};\n padding-right: ${toRemValue(pr[1])};\n padding-bottom: ${toRemValue(pb[1])};\n padding-left: ${toRemValue(pl[1])};\n\n margin-top: ${toRemValue(mt[1])};\n margin-right: ${toRemValue(mr[1])};\n margin-bottom: ${toRemValue(mb[1])};\n margin-left: ${toRemValue(ml[1])};\n }\n ${mq[1]} {\n width: ${width[2] || last};\n\n padding-top: ${toRemValue(pt[2])};\n padding-right: ${toRemValue(pr[2])};\n padding-bottom: ${toRemValue(pb[2])};\n padding-left: ${toRemValue(pl[2])};\n\n margin-top: ${toRemValue(mt[2])};\n margin-right: ${toRemValue(mr[2])};\n margin-bottom: ${toRemValue(mb[2])};\n margin-left: ${toRemValue(ml[2])};\n }\n ${mq[2]} {\n width: ${width[3] || last};\n\n padding-top: ${hasSidebar ? `${toRemValue(pt[2])}` : `${toRemValue(pt[3])}`};\n padding-right: ${hasSidebar ? `${toRemValue(pr[2])}` : `${toRemValue(pr[3])}`};\n padding-bottom: ${hasSidebar ? `${toRemValue(pb[2])}` : `${toRemValue(pb[3])}`};\n padding-left: ${hasSidebar ? `${toRemValue(pl[2])}` : `${toRemValue(pl[3])}`};\n\n margin-top: ${hasSidebar ? `${toRemValue(mt[2])}` : `${toRemValue(mt[3])}`};\n margin-right: ${hasSidebar ? `${toRemValue(mr[2])}` : `${toRemValue(mr[3])}`};\n margin-bottom: ${hasSidebar ? `${toRemValue(mb[2])}` : `${toRemValue(mb[3])}`};\n margin-left: ${hasSidebar ? `${toRemValue(ml[2])}` : `${toRemValue(ml[3])}`};\n }\n ${mq[3]} {\n width: ${width[4] || last};\n\n padding-top: ${toRemValue(pt[3])};\n padding-right: ${toRemValue(pr[3])};\n padding-bottom: ${toRemValue(pb[3])};\n padding-left: ${toRemValue(pl[3])};\n\n margin-top: ${toRemValue(mt[3])};\n margin-right: ${toRemValue(mr[3])};\n margin-bottom: ${toRemValue(mb[3])};\n margin-left: ${toRemValue(ml[3])};\n }\n `;\n};\n\nconst toNumArray = (value?: string) =>\n value\n ?.split(\",\")\n .map((v) => `${v.trim()}`)\n .map((v) => parseFloat(v));\n\n@Component({\n tag: \"hy-box\",\n styleUrl: \"hy-box.scss\",\n shadow: false,\n})\nexport class HyBox {\n @Element() el: HTMLElement;\n @Prop() headerstyle: string = \"common\";\n /**\n * All sides padding value in rems. Responsive when given Comma separated values.\n */\n @Prop() p?: string;\n\n /**\n * Left padding in rems. Responsive when given Comma separated values.\n */\n @Prop() pl?: string;\n /**\n * Right padding in rems. Responsive when given Comma separated values.\n */\n @Prop() pr?: string;\n /**\n * Bottom padding in rems. Responsive when given Comma separated values.\n */\n @Prop() pb?: string;\n /**\n * Top padding in rems. Responsive when given Comma separated values.\n */\n @Prop() pt?: string;\n /**\n * All sides margin value in rems. Responsive when given Comma separated values.\n */\n @Prop() m?: string;\n\n /**\n * Left margin in rems. Responsive when given Comma separated values.\n */\n @Prop() ml?: string;\n /**\n * Right margin in rems. Responsive when given Comma separated values.\n */\n @Prop() mr?: string;\n /**\n * Bottom margin in rems. Responsive when given Comma separated values.\n */\n @Prop() mb?: string;\n /**\n * Top margin in rems. Responsive when given Comma separated values.\n */\n @Prop() mt?: string;\n /**\n * Value for horisontal alignment (justify-content)\n */\n @Prop() justify: string = \"flex-start\";\n /**\n * value for vertical alignment (align-items)\n */\n @Prop() align: string = \"baseline\";\n\n /**\n * fixed height for the container, useful for extra spacing containers\n */\n @Prop() h?: number;\n /**\n * background color. Must use one of css variable names from color tokens\n */\n @Prop() bg: string = \"transparent\";\n /**\n * Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value.\n */\n @Prop() width: string = \"100\";\n @Prop() direction: string = \"row\";\n\n componentWillLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n render() {\n const pt = toNumArray(this.pt) ?? toNumArray(this.p) ?? [0];\n const pb = toNumArray(this.pb) ?? toNumArray(this.p) ?? [0];\n const pr = toNumArray(this.pr) ?? toNumArray(this.p) ?? [0];\n const pl = toNumArray(this.pl) ?? toNumArray(this.p) ?? [0];\n const mt = toNumArray(this.mt) ?? toNumArray(this.m) ?? [0];\n const mb = toNumArray(this.mb) ?? toNumArray(this.m) ?? [0];\n const mr = toNumArray(this.mr) ?? toNumArray(this.m) ?? [0];\n const ml = toNumArray(this.ml) ?? toNumArray(this.m) ?? [0];\n const hasSidebar = this.headerstyle == \"common\";\n\n return (\n <Host\n class={createCssClass({\n hasSidebar,\n pt,\n pl,\n pr,\n pb,\n mt,\n ml,\n mr,\n mb,\n h: this.h,\n bg: this.bg,\n width: this.width.split(\",\").map((v) => `${v.trim()}%`),\n justify: this.justify,\n align: this.align,\n direction: this.direction,\n })}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-breadcrumbs.js CHANGED Viewed

@@ -67,3 +67,5 @@ const HyBreadcrumbs = HyBreadcrumbs$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyBreadcrumbs, defineCustomElement };
+//# sourceMappingURL=hy-breadcrumbs.js.map

package/components/hy-breadcrumbs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-breadcrumbs.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,2hFAA2hF;;MCcviFA,eAAa;;;;;mBAGc,kBAAkB,CAAC,OAAc;uBACzC,cAAc;oBAEf,KAAK;;EAGlC,MAAM,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;GAC1D;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC;OACtC;KACF;GACF;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,QACE,yBAAgB,YAAY,EAAC,IAAI,EAAC,YAAY,qBAAiB,mBAAmB,EAAC,KAAK,EAAE,gBAAgB,IACxG,UAAI,KAAK,EAAC,sBAAsB,IAC7B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI;MACxB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,QACE,UAAI,KAAK,EAAC,iBAAiB,IACzB,SAAG,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAC5C,IAAI,CAAC,IAAI,CACR,EACJ,eAAS,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnF,EACL;OACH;WAAM;QACL,QACE,UAAI,KAAK,EAAC,0CAA0C,IAClD,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,kBAAe,MAAM,IACnC,IAAI,CAAC,IAAI,CACR,CACD,EACL;OACH;KACF,CAAC,CACC,CACD,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyBreadcrumbs"],"sources":["./src/components/hy-breadcrumbs/hy-breadcrumbs.scss?tag=hy-breadcrumbs","./src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-breadcrumbs {\n display: inline-block;\n position: relative;\n width: auto;\n\n &.is-condensed {\n width: 100%;\n }\n\n ol {\n margin: 0;\n padding: 0;\n }\n\n .breadcrumb-container {\n display: flex;\n font-family: var(--main-font-family);\n flex-wrap: wrap;\n list-style-type: none;\n margin: 0;\n padding: 20px 0 16px;\n\n @include breakpoint($narrow) {\n padding: 24px 0 16px;\n }\n\n @include breakpoint($extrawide) {\n padding: 32px 0 16px;\n }\n }\n\n .breadcrumb-item {\n @include font-size(15px, 20px);\n align-items: center;\n display: flex;\n font-weight: 600;\n font-family: var(--main-font-family);\n margin-bottom: 0.75rem;\n letter-spacing: -0.5px;\n\n @include breakpoint($narrow) {\n margin-bottom: 1rem;\n }\n\n .breadcrumb-item__link {\n color: var(--brand-main-light);\n text-decoration: none;\n }\n\n .breadcrumb-item__icon {\n margin: 0 21px;\n }\n\n &:hover {\n .breadcrumb-item__link {\n color: var(--brand-main-active);\n }\n }\n }\n\n .breadcrumb-item--current a {\n @include font-size(15px, 20px);\n\n color: var(--grayscale-dark);\n display: block;\n font-family: var(--main-font-family);\n font-weight: 600;\n letter-spacing: -0.5px;\n text-decoration: none;\n }\n}\n","export interface Breadcrumb {\n url: string;\n text: string;\n}\n\nimport {Component, Element, h, Prop, State} from \"@stencil/core\";\nimport {BreadcrumbVariants} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n tag: \"hy-breadcrumbs\",\n styleUrl: \"hy-breadcrumbs.scss\",\n shadow: false,\n})\nexport class HyBreadcrumbs {\n private _dataItems: Breadcrumb[];\n @Prop() dataItems: Breadcrumb[] | string;\n @Prop() variant: BreadcrumbVariants = BreadcrumbVariants.default as any;\n @Prop() headerstyle: string = \"with-sidebar\";\n\n @State() menuOpen: boolean = false;\n @Element() el: HTMLElement;\n\n async componentWillLoad() {\n this._dataItems = await jsonParserWorker(this.dataItems);\n }\n\n componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"without-sidebar\";\n }\n }\n }\n\n render() {\n const breadcrumbsClass = [\"hy-breadcrumbs\", this.variant, this.headerstyle].join(\" \");\n return (\n <nav aria-label=\"Breadcrumb\" role=\"navigation\" aria-labelledby=\"system-breadcrumb\" class={breadcrumbsClass}>\n <ol class=\"breadcrumb-container\">\n {this._dataItems.map((item) => {\n if (item.url.length > 0) {\n return (\n <li class=\"breadcrumb-item\">\n <a class=\"breadcrumb-item__link\" href={item.url}>\n {item.text}\n </a>\n <hy-icon class=\"breadcrumb-item__icon\" icon=\"hy-icon-caret-right\" size={12}></hy-icon>\n </li>\n );\n } else {\n return (\n <li class=\"breadcrumb-item breadcrumb-item--current\">\n <a href={item.url} aria-current=\"page\">\n {item.text}\n </a>\n </li>\n );\n }\n })}\n </ol>\n </nav>\n );\n }\n}\n"],"version":3}

package/components/hy-button.js CHANGED Viewed

@@ -109,3 +109,5 @@ const HyButton = Button;
 const defineCustomElement = defineCustomElement$1;
 export { HyButton, defineCustomElement };
+//# sourceMappingURL=hy-button.js.map

package/components/hy-button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-button.js","mappings":"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","names":[],"sources":["./src/global/colors.ts","./src/components/button/button.scss?tag=hy-button","./src/components/button/button.tsx"],"sourcesContent":["export default {\n brandMain: \"#0e688b\",\n brandMainLight: \"#107eab\",\n brandMainActive: \"#005379\",\n brandMainDark: \"#003146\",\n brandMainNearlyBlack: \"#000222\",\n grayscaleWhite: \"#fff\",\n grayscaleLight: \"#f8f8f8\",\n grayscaleMedium: \"#d2d2d2\",\n grayscaleBackgroundBox: \"#f5f5f5\",\n grayscaleBackgroundArrow: \"#dfdfdf\",\n grayscaleMediumDark: \"#979797\",\n grayscaleDark: \"#555555\",\n grayscaleBlack: \"#000000\",\n additionalRedLight: \"#E5053A\",\n additionalRedDark: \"#A31621\",\n additionalPurpleLight: \"#420039\",\n additionalYellow: \"#F9A21A\",\n additionalSkyblue: \"#48C5F8\",\n additionalOrange: \"#D14600\",\n additionalGreenLight: \"#96BA3C\",\n additionalGreenDark: \"#006400\",\n};\n",":host {\n display: block;\n box-sizing: border-box;\n}\n\n.hy-button__icon {\n align-content: center;\n display: flex;\n}\n\n.hy-button {\n display: block;\n align-items: center;\n background-color: var(--brand-main);\n color: var(--grayscale-white);\n font-family: var(--main-font-family);\n border: none;\n cursor: pointer;\n display: flex;\n font-size: 0.9375rem;\n justify-content: center;\n line-height: 0.9375rem;\n margin: 0;\n padding: 0;\n transition-duration: 0.1s;\n transition-property: all;\n min-height: 44px;\n position: relative;\n\n text-decoration: none;\n\n &.size-large {\n min-height: 48px;\n }\n\n &.primary {\n background-color: var(--brand-main);\n color: var(--grayscale-white);\n .hy-button__icon {\n padding: 8px 13px;\n }\n svg {\n fill: var(--grayscale-white);\n }\n &:hover {\n background-color: var(--brand-main-active);\n }\n &:active {\n background-color: var(--brand-main-dark);\n }\n &:disabled {\n background-color: var(--grayscale-medium);\n color: var(--grayscale-dark);\n svg {\n fill: var(--grayscale-dark);\n }\n }\n &:focus {\n outline: solid 2px var(--additional-yellow);\n outline-offset: 2px;\n }\n }\n\n &.secondary {\n background-color: transparent;\n border: solid 2px var(--brand-main);\n color: var(--brand-main);\n\n svg {\n fill: var(--brand-main);\n }\n &:hover {\n border: solid 2px var(--brand-main-active);\n color: var(--brand-main-active);\n\n svg {\n fill: var(--brand-main-active);\n }\n }\n &:active {\n border: solid 2px var(--brand-main-dark);\n color: var(--brand-main-dark);\n\n svg {\n fill: var(--brand-main-dark);\n }\n }\n &:disabled {\n border: solid 2px var(--grayscale-medium-dark);\n color: var(--grayscale-medium-dark);\n\n svg {\n fill: var(--grayscale-medium-dark);\n }\n }\n }\n // decorative bottom border/shadow\n &::after {\n content: \"\";\n display: block;\n border-bottom: 2px solid var(--additional-skyblue);\n position: absolute;\n bottom: -3.5px;\n left: 3px;\n right: 3px;\n z-index: 0;\n }\n &.primary::after {\n bottom: -2px;\n }\n &:disabled {\n cursor: not-allowed;\n &::after {\n border-bottom: 2px solid var(--grayscale-medium-dark);\n bottom: -3.5px;\n }\n &.primary::after {\n bottom: -2px;\n }\n }\n //\n\n .hy-button__text {\n margin: 12px 24px;\n }\n .hy-button__icon-right {\n padding-right: 12px;\n }\n}\n\nhy-button[icon-right=\"hy-icon-arrow-right\"] {\n .primary {\n .hy-button__text {\n margin: 12px 0 12px 16px;\n padding-right: 16px;\n }\n }\n .primary:not(disabled) {\n .hy-button__text {\n border-right: solid 1px var(--additional-skyblue);\n }\n }\n .primary:disabled {\n .hy-button__text {\n border-right: solid 1px var(--grayscale-dark);\n }\n }\n .secondary {\n .hy-button__text {\n margin: 12px 16px;\n }\n .hy-button__icon {\n padding-right: 1rem;\n padding-left: 0;\n }\n }\n}\n\nhy-button[icon=\"hy-icon-arrow-left\"] {\n .primary {\n .hy-button__text {\n margin: 12px 16px 12px 0;\n padding-left: 16px;\n }\n }\n .primary:not(disabled) {\n .hy-button__text {\n border-left: solid 1px var(--additional-skyblue);\n }\n }\n .primary:disabled {\n .hy-button__text {\n border-left: solid 1px var(--grayscale-dark);\n }\n }\n .secondary {\n .hy-button__text {\n margin: 12px 16px;\n }\n .hy-button__icon {\n padding-left: 1rem;\n padding-right: 0;\n }\n }\n}\n","import {Component, h, Prop, Host} from \"@stencil/core\";\nimport {ButtonVariants} from \"../../utils/utils\";\nimport colors from \"../../global/colors\";\n\nconst fillcolors = {\n primary: colors.brandMain,\n secondary: \"white\",\n};\n\n@Component({\n tag: \"hy-button\",\n styleUrl: \"button.scss\",\n shadow: false,\n})\nexport class Button {\n /**\n * Button type. Defaults to submit.\n */\n @Prop() buttonType: string = \"submit\";\n\n /**\n * Custom classes added to button element.\n */\n @Prop() buttonClasses: string = \"\";\n\n /**\n * The element variant. Defaults to primary\n */\n @Prop() variant: ButtonVariants = \"primary\";\n /**\n * deprecated, use disabled boolean value\n * */\n @Prop() state: \"enabled\" | \"disabled\" = \"enabled\";\n /**\n * Size (height) of the button. Normal: 44px, large: 48px\n */\n @Prop() size: \"normal\" | \"large\" = \"normal\";\n /**\n * Use this to programmatically disable the button, matches the native button functionality\n */\n @Prop() disabled: boolean = false;\n /**\n * Set this on if an anchor tag is required instead of a button.\n */\n @Prop() url?: string = \"\";\n /**\n * Aria label for the element\n */\n @Prop() ariaLabel: string = \"\";\n /**\n * Use only with url property. Sets the\n */\n @Prop() isExternal?: boolean = false;\n /**\n * Icon to use on the left side\n */\n @Prop() icon?: string;\n /**\n * Icon to use on the right side\n */\n @Prop() iconRight?: string;\n\n @Prop() attrs: string = \"\";\n\n render() {\n const classAttributes = [\"hy-button\", this.variant, this.state, \"size-\" + this.size, this.buttonClasses];\n const iconFillColor = fillcolors[this.variant];\n const target = this.isExternal ? \"_blank\" : \"_self\";\n let props = {};\n\n if (this.attrs && this.attrs.length > 2) {\n let attrString = JSON.parse(this.attrs);\n let attrArray = attrString.split('\" ');\n attrArray.map((item) => {\n let parts = item.split(\"=\");\n let key = parts[0];\n let value = parts[1];\n key = key.replaceAll('\"', \" \");\n key = key.trim();\n if (key !== \"class\") {\n value = value.replaceAll('\"', \" \");\n value = value.trim();\n props[key] = value;\n }\n });\n }\n\n return this.url ? (\n <Host icon-right=\"hy-icon-arrow-right\" aria-label={this.ariaLabel}>\n <div style={{display: \"flex\"}}>\n <a class={classAttributes.join(\" \")} href={this.url} target={target}>\n <span class=\"hy-button__text\">\n <slot />\n </span>\n <span class=\"hy-button__icon\">\n <hy-icon icon=\"hy-icon-arrow-right\" fill={iconFillColor} size={13} />\n </span>\n </a>\n </div>\n </Host>\n ) : (\n <Host aria-label={this.ariaLabel}>\n <button type={this.buttonType} class={classAttributes.join(\" \")} disabled={this.disabled} {...props}>\n {!!this.icon && (\n <span class=\"hy-button__icon hy-button__icon--left\">\n <hy-icon icon={this.icon} fill={iconFillColor} size={13} />\n </span>\n )}\n <span class=\"hy-button__text\">\n <slot />\n </span>\n {!!this.iconRight && (\n <span class=\"hy-button__icon hy-button__icon--right\">\n <hy-icon icon={this.iconRight} fill={iconFillColor} size={13} />\n </span>\n )}\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-checkbox.js CHANGED Viewed

@@ -53,3 +53,5 @@ const HyCheckbox = HyCheckbox$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyCheckbox, defineCustomElement };
+//# sourceMappingURL=hy-checkbox.js.map

package/components/hy-checkbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-checkbox.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,+iJAA+iJ;;MCQxjJA,YAAU;;;;;;;2BAgBc,KAAK;mBAIJ,gBAAgB,CAAC,OAAO;;EAE5D,MAAM;IACJ,QAAQ,IAAI,CAAC,OAAO;MAClB,KAAK,QAAQ;QACX,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB,IAC/B,aACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,EACxB,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,GAC9B,EACF,aAAO,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,IACpE,IAAI,CAAC,aAAa,EACnB,YAAM,KAAK,EAAC,gCAAgC,IAC1C,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACjG,CACD,CACH,EACP;MAEJ;QACE,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACvB,aACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,EAAE,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,EACxB,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,GAC9B,EACF,aAAO,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,IAC7D,YAAM,KAAK,EAAC,wBAAwB,IAClC,eAAS,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACzF,EACN,IAAI,CAAC,aAAa,CACb,CACH,EACP;KACL;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyCheckbox"],"sources":["./src/components/hy-checkbox/hy-checkbox.scss?tag=hy-checkbox","./src/components/hy-checkbox/hy-checkbox.tsx"],"sourcesContent":[".hy-checkbox {\n display: inline-block;\n position: relative;\n margin-right: 1rem;\n}\n\n.hy-checkbox__checkmark {\n border-color: var(--link-blue);\n border-style: solid inset solid solid;\n border-width: 2px;\n height: 20px;\n margin-right: 6px;\n min-width: 20px;\n min-height: 20px;\n position: relative;\n width: 20px;\n\n svg {\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n }\n\n &::before {\n background-color: var(--grayscale-white);\n content: \"\";\n height: 10px;\n position: absolute;\n right: 0;\n transform: rotate(40deg) translate(6%, -55%);\n visibility: hidden;\n width: 8px;\n }\n}\n\n.hy-checkbox__label {\n @include font-size(14px, 20px);\n align-items: center;\n color: var(--grayscale-black);\n display: inline-flex;\n font-family: var(--main-font-family);\n letter-spacing: -0.4px;\n text-align: left;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n }\n}\n\n.hy-checkbox__checkbox {\n height: 100%;\n margin: 0;\n opacity: 0;\n position: absolute;\n width: 100%;\n z-index: 10;\n\n &:checked {\n & + label {\n color: var(--grayscale-black);\n\n .hy-checkbox__checkmark {\n svg,\n &::before {\n visibility: visible;\n }\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n & + label {\n color: var(--brand-main);\n }\n }\n\n &:focus {\n & + label {\n outline-offset: 1px;\n outline: 2px solid var(--link-blue);\n }\n }\n}\n\n.hy-checkbox--button {\n display: inline-block;\n margin-right: 4px;\n position: relative;\n\n &__label {\n @include font-size(12px, 14px);\n\n align-items: center;\n border: 0.5px solid var(--grayscale-medium-dark);\n color: var(--link-blue);\n display: inline-flex;\n font-family: var(--main-font-family);\n font-weight: 600;\n letter-spacing: -0.3px;\n padding: 12px 15px 12px 13px;\n z-index: 1;\n\n @include breakpoint($wide) {\n @include font-size(14px, 18px);\n\n letter-spacing: -0.4px;\n padding: 9px 8px 9px 8px;\n }\n }\n\n &__checkmark {\n position: absolute;\n right: 12px;\n top: 0;\n bottom: 0;\n\n @include breakpoint($wide) {\n right: 10px;\n bottom: calc(50% + 10px);\n }\n\n svg {\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n }\n }\n\n &__label-icon {\n height: 13px;\n position: absolute;\n width: 12px;\n\n @include breakpoint($wide) {\n padding: 10px;\n right: -6px;\n top: calc(50% + 5px);\n }\n\n svg {\n background: var(--grayscale-white);\n height: 12px;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 12px;\n }\n }\n\n &__checkbox {\n height: 100%;\n margin: 0;\n opacity: 0;\n position: absolute;\n width: 100%;\n z-index: 10;\n\n &:checked {\n & + label {\n border: 1px solid var(--grayscale-black);\n color: var(--grayscale-black);\n padding: 12px 15px 12px 13px;\n\n @include breakpoint($wide) {\n border: 2px solid var(--grayscale-black);\n padding: 8px 26px 8px 7px;\n }\n\n .hy-checkbox--button__checkmark {\n .hy-checkbox--button__label-icon {\n background: var(--grayscale-white);\n }\n\n svg {\n visibility: visible;\n }\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus {\n & + label {\n outline-offset: 1px;\n outline: 1px solid var(--link-blue);\n }\n }\n }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\nimport {CheckboxVariants} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-checkbox\",\n styleUrl: \"hy-checkbox.scss\",\n shadow: false,\n})\nexport class HyCheckbox {\n /**\n * Unique id for checkbox element\n */\n @Prop() checkboxId: string | number;\n /**\n * Value for input element\n */\n @Prop() checkboxValue: string | number;\n /**\n * Label for input to describe\n */\n @Prop() checkboxLabel: string;\n /**\n * Checked attribute\n */\n @Prop() checkboxChecked: boolean = false;\n /**\n * Variant to deifne what style of checkbox to use\n */\n @Prop() variant: CheckboxVariants = CheckboxVariants.default;\n\n render() {\n switch (this.variant) {\n case \"button\":\n return (\n <Host class=\"hy-checkbox--button\">\n <input\n type=\"checkbox\"\n class=\"hy-checkbox--button__checkbox\"\n checked={this.checkboxChecked}\n id={`${this.checkboxId}`}\n value={`${this.checkboxValue}`}\n />\n <label class=\"hy-checkbox--button__label\" htmlFor={`${this.checkboxId}`}>\n {this.checkboxLabel}\n <span class=\"hy-checkbox--button__checkmark\">\n <hy-icon class=\"hy-checkbox--button__label-icon\" icon={\"hy-icon-done\"} size={14} aria-hidden=\"true\" />\n </span>\n </label>\n </Host>\n );\n\n default:\n return (\n <Host class=\"hy-checkbox\">\n <input\n type=\"checkbox\"\n class=\"hy-checkbox__checkbox\"\n checked={this.checkboxChecked}\n id={`${this.checkboxId}`}\n value={`${this.checkboxValue}`}\n />\n <label class=\"hy-checkbox__label\" htmlFor={`${this.checkboxId}`}>\n <span class=\"hy-checkbox__checkmark\">\n <hy-icon class=\"hy-checkbox__label-icon\" icon={\"hy-icon-done\"} size={23} aria-hidden=\"true\" />\n </span>\n {this.checkboxLabel}\n </label>\n </Host>\n );\n }\n }\n}\n"],"version":3}

package/components/hy-collaboration.js CHANGED Viewed

@@ -47,3 +47,5 @@ const HyCollaboration = HyCollaboration$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyCollaboration, defineCustomElement };
+//# sourceMappingURL=hy-collaboration.js.map

package/components/hy-collaboration.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-collaboration.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,smGAAsmG;;MCOpnGA,iBAAe;;;;;;;;;;EAO1B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cAAQ,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,eAAe,IACzD,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CAC5C,EACT,WAAK,KAAK,EAAC,2BAA2B,IACpC,SAAG,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,eAAe,CAAK,EAClE,IAAI,CAAC,OAAO,KACX,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAC,wBAAwB,IAClD,IAAI,CAAC,SAAS,EACf,2BAAkB,MAAM,IACtB,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACL,CACL,CACG,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyCollaboration"],"sources":["./src/components/hy-collaboration/hy-collaboration.scss?tag=hy-collaboration","./src/components/hy-collaboration/hy-collaboration.tsx"],"sourcesContent":[".hy-collaboration {\n border-bottom: 1px solid var(--grayscale-dark);\n padding: 32px 0;\n\n @include breakpoint($wide) {\n align-items: flex-start;\n display: grid;\n grid-template-columns: fit-content(calc(43.75% - 60px)) 1fr;\n gap: 60px;\n }\n\n @include breakpoint($extrawide) {\n grid-template-columns: fit-content(calc(43% - 60px)) 1fr;\n padding: 40px 0;\n }\n\n @include breakpoint($overwide) {\n grid-template-columns: fit-content(calc(42.5% - 60px)) 1fr;\n }\n\n @include breakpoint($xlarge) {\n grid-template-columns: fit-content(calc(41.85% - 60px)) 1fr;\n }\n\n @include breakpoint(1750px) {\n grid-template-columns: fit-content(calc(41% - 60px)) 1fr;\n }\n\n @include breakpoint($fullhd) {\n grid-template-columns: fit-content(428px) 1fr;\n }\n}\n\n.hy-collaboration__logo {\n margin: 0 0 32px;\n padding: 0;\n\n @include breakpoint($wide) {\n margin: 0;\n }\n\n img {\n max-width: 75%;\n max-height: 200px;\n\n @include breakpoint($narrow) {\n max-width: 50%;\n }\n\n @include breakpoint($wide) {\n max-width: 100%;\n max-height: 260px;\n }\n }\n}\n\n.hy-collaboration__description {\n @include font-size(15px, 22px);\n font-family: var(--main-font-family);\n margin: 0 0 12px;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n\n @include breakpoint($extrawide) {\n @include font-size(17px, 26px);\n }\n}\n\n.hy-collaboration__link {\n @include font-size(15px, 22px);\n @include font-weight($semibold);\n font-family: var(--main-font-family);\n color: var(--link-blue);\n display: inline-flex;\n align-items: center;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n\n @include breakpoint($extrawide) {\n @include font-size(17px, 26px);\n }\n\n span {\n margin-left: 4px;\n\n svg {\n fill: var(--link-blue);\n }\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-collaboration\",\n styleUrl: \"hy-collaboration.scss\",\n shadow: false,\n})\nexport class HyCollaboration {\n @Prop() textDescription: string;\n @Prop() linkUrl?: string;\n @Prop() linkTitle?: string;\n @Prop() imageUrl: string;\n @Prop() imageAltText: string;\n\n render() {\n return (\n <div class=\"hy-collaboration\">\n <figure class=\"hy-collaboration__logo\" role=\"complementary\">\n <img src={this.imageUrl} alt={this.imageAltText} />\n </figure>\n <div class=\"hy-collaboration__content\">\n <p class=\"hy-collaboration__description\">{this.textDescription}</p>\n {this.linkUrl && (\n <a href={this.linkUrl} class=\"hy-collaboration__link\">\n {this.linkTitle}\n <span aria-hidden=\"true\">\n <hy-icon icon={\"hy-icon-arrow-right\"} size={10} />\n </span>\n </a>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-content-list-item.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyContentListItem = HyContentLstItem;
 const defineCustomElement = defineCustomElement$1;
 export { HyContentListItem, defineCustomElement };
+//# sourceMappingURL=hy-content-list-item.js.map

package/components/hy-content-list-item.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-content-list-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-content-list-item2.js CHANGED Viewed

@@ -107,3 +107,5 @@ function defineCustomElement() {
 }
 export { HyContentLstItem as H, defineCustomElement as d };
+//# sourceMappingURL=hy-content-list-item2.js.map

package/components/hy-content-list-item2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-content-list-item2.js","mappings":"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","names":[],"sources":["./src/components/courses/hy-content-list-item/hy-content-list-item.scss?tag=hy-content-list-item","./src/components/courses/hy-content-list-item/hy-content-list-item.tsx"],"sourcesContent":["hy-content-list-item {\n background: radial-gradient(circle, #f8f8f8 0%, #f5f5f5 100%);\n cursor: pointer;\n display: flex;\n margin-bottom: 16px;\n position: relative;\n //width: 100%;\n\n @include breakpoint($narrow) {\n margin-bottom: 24px;\n }\n}\nhy-content-list-item[variant=\"row\"],\nhy-content-list-item.row {\n max-width: 100%;\n padding: 21px 0 60px 12px;\n width: 100%;\n\n @include breakpoint($narrow) {\n padding: 21px 0 12px 24px;\n }\n @include breakpoint($wide) {\n margin-bottom: 16px;\n }\n}\nhy-content-list-item.grid {\n max-width: 100%;\n padding: 21px 0 60px 12px;\n width: 100%;\n\n @include breakpoint($narrow) {\n margin-right: var(--gutter-medium);\n max-width: calc(((100% - #{var(--gutter-medium)} * 11) / 12) * 6 + #{var(--gutter-medium)} * 5);\n padding: 21px 0 60px 12px;\n width: calc(((100% - #{var(--gutter-medium)} * 11) / 12) * 6 + #{var(--gutter-medium)} * 5);\n }\n @include breakpoint($wide) {\n margin-bottom: 27px;\n margin-right: var(--gutter-wide);\n max-width: calc(((100% - #{var(--gutter-wide)} * 11) / 12) * 4 + #{var(--gutter-wide)} * 3);\n width: calc(((100% - #{var(--gutter-wide)} * 11) / 12) * 4 + #{var(--gutter-wide)} * 3);\n }\n @include breakpoint($extrawide) {\n margin-bottom: 32px;\n margin-right: var(--gutter-extrawide);\n max-width: calc(((100% - #{var(--gutter-extrawide)} * 11) / 12) * 4 + #{var(--gutter-extrawide)} * 3);\n width: calc(((100% - #{var(--gutter-extrawide)} * 11) / 12) * 4 + #{var(--gutter-extrawide)} * 3);\n }\n}\n\nhy-content-list-item.grid:nth-of-type(2n + 0) {\n @include breakpoint($narrow) {\n margin-right: 0;\n }\n @include breakpoint($wide) {\n margin-right: var(--gutter-wide);\n }\n @include breakpoint($extrawide) {\n margin-right: var(--gutter-extrawide);\n }\n}\n\nhy-content-list-item.grid:nth-of-type(3n + 0) {\n @include breakpoint($wide) {\n margin-right: 0;\n }\n}\n\n.hy-content-list-item {\n font-family: var(--main-font-family);\n position: relative;\n width: 100%;\n\n a {\n text-decoration: none;\n }\n\n &--container {\n cursor: pointer;\n }\n\n &--item-name {\n color: var(--link-blue);\n @include font-size(20px, 24px);\n @include font-weight($bold);\n letter-spacing: -0.6px;\n margin-bottom: 16px;\n word-break: break-word;\n\n &--past-courses {\n color: var(--grayscale-dark);\n }\n }\n\n &--metadata {\n @include font-size(14px, 16px);\n @include font-weight($semibold);\n\n color: var(--grayscale-black);\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n letter-spacing: -0.44px;\n line-height: 16px;\n margin-bottom: 19px;\n padding-bottom: 0;\n\n &--item {\n padding-bottom: 6px;\n }\n\n @include breakpoint($narrow) {\n padding-bottom: 1rem;\n }\n @include breakpoint($extrawide) {\n padding-bottom: 0;\n }\n\n &--item:after {\n content: \"|\";\n padding: 0 8px;\n }\n &--item--last:after {\n content: \" \";\n }\n }\n\n .cancelled {\n span {\n @include font-size(12px, 12px);\n @include font-weight($bold);\n background-color: var(--additional-red-light);\n color: var(--grayscale-white);\n letter-spacing: -0.5px;\n padding: 6px 8px;\n text-transform: uppercase;\n }\n &--past-courses {\n span {\n background-color: var(--grayscale-dark);\n }\n }\n\n &:not(.mobile) {\n display: none;\n }\n\n &.mobile {\n bottom: -50px;\n display: block;\n margin: 0;\n padding-bottom: 12px;\n position: absolute;\n }\n\n @include breakpoint($narrow) {\n margin-right: 8px;\n\n &.mobile {\n display: none;\n }\n &:not(.mobile) {\n display: block;\n }\n }\n }\n\n &--link {\n position: absolute;\n right: -6px;\n\n a {\n align-items: center;\n display: flex;\n flex-direction: row;\n text-decoration: none;\n\n .label {\n @include font-size(16px, 16px);\n @include font-weight($bold);\n color: var(--link-blue);\n letter-spacing: -0.5px;\n line-height: 16px;\n margin-right: 8px;\n text-align: right;\n }\n\n .icon-wrapper {\n background-color: var(--brand-main-light);\n z-index: 10;\n\n .icon {\n transform: rotate(-45deg);\n position: relative;\n overflow: hidden;\n\n svg {\n background-color: transparent;\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);\n fill: var(--grayscale-white);\n padding: 10.29px;\n }\n }\n }\n }\n }\n}\n\n.hy-content-list-item.row {\n .hy-content-list-item--link {\n bottom: -60px;\n padding-bottom: 12px;\n\n @include breakpoint($narrow) {\n bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .hy-content-list-item--tags {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n @include breakpoint($wide) {\n flex-direction: row;\n padding-right: 200px;\n }\n }\n}\n\n.hy-content-list-item.grid {\n .hy-content-list-item--link {\n bottom: -60px;\n padding-bottom: 12px;\n }\n\n .hy-content-list-item--tags {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n }\n}\n","export interface TagValue {\n name: string;\n}\n\nimport {Component, Element, h, Listen, Prop} from \"@stencil/core\";\nimport {CourseStateVariants, CourseVariants} from \"../../../utils/utils\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\nlet keys = {\n enter: \"Enter\",\n};\n\n@Component({\n tag: \"hy-content-list-item\",\n styleUrl: \"hy-content-list-item.scss\",\n shadow: false,\n})\nexport class HyContentLstItem {\n @Prop() variant: CourseVariants = CourseVariants.default;\n @Prop() stateVariant: CourseStateVariants = CourseStateVariants.default;\n @Prop() courseCode?: string;\n @Prop() courseName?: string;\n @Prop() isCancelled?: boolean;\n @Prop() cancelledLabel: string = \"Cancelled\";\n @Prop() courseCredits?: string;\n private _courseTags: TagValue[];\n @Prop() courseTags: TagValue[] | string;\n @Prop() courseStartDate?: string;\n @Prop() courseEndDate?: string;\n @Prop() formattedTimeRange?: string;\n @Prop() courseStudyFormat?: string;\n @Prop() courseOrganisation?: string;\n @Prop() courseEnrollmentLink?: string;\n @Prop() courseTeachingLanguage?: string;\n @Prop() courseLinkLabel?: string;\n\n @Element() el: HTMLElement;\n\n async componentWillLoad() {\n this._courseTags = await jsonParserWorker(this.courseTags);\n }\n\n @Listen(\"keydown\")\n handleKeyDown(event) {\n const key = (event as KeyboardEvent).code;\n if (key == keys.enter) {\n let card = this.el;\n window.open(card.dataset.location, \"_blank\", \"noopener\");\n }\n }\n\n render() {\n const classAttributes = [this.variant, \"hy-content-list-item\"].join(\" \");\n\n const target = \"_blank\";\n const ariaLabel = \"Link points outside the current website.\";\n\n const classItemName = [\n \"hy-content-list-item--item-name\",\n `hy-content-list-item--item-name--${this.stateVariant}`,\n ].join(\" \");\n const classItemCancelled = [\"cancelled\", `cancelled--${this.stateVariant}`].join(\" \");\n\n return [\n <div class={classAttributes} tabindex=\"0\">\n <div class={classItemName}>{this.courseName}</div>\n <div class=\"hy-content-list-item--metadata\">\n {this.isCancelled && (\n <div class={classItemCancelled}>\n <span>{this.cancelledLabel}</span>\n </div>\n )}\n <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first\">\n <span>{this.formattedTimeRange}</span>\n </div>\n {this.courseOrganisation\n ? [\n <div class=\"hy-content-list-item--metadata--item\">\n <span>{this.courseStudyFormat}</span>\n </div>,\n <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last\">\n <span>{this.courseOrganisation}</span>\n </div>,\n ]\n : [\n <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last\">\n <span>{this.courseStudyFormat}</span>\n </div>,\n ]}\n </div>\n {this._courseTags && this._courseTags.length > 0 && (\n <div class=\"hy-content-list-item--tags\">\n {this._courseTags.map((x) => {\n return <hy-tag>{x.name}</hy-tag>;\n })}\n </div>\n )}\n {this.isCancelled && (\n <div class=\"cancelled mobile\">\n <span>{this.cancelledLabel}</span>\n </div>\n )}\n <div class=\"hy-content-list-item--link\">\n <a\n href={this.courseEnrollmentLink}\n target={target}\n aria-label={ariaLabel}\n class=\"hy-content-list-item--link--link\"\n tabindex=\"-1\"\n >\n <span class=\"label\">{this.courseLinkLabel}</span>\n <span class=\"icon-wrapper\">\n <div class=\"icon\">\n <hy-icon icon={\"hy-icon-arrow-to-right\"} size={40} />\n </div>\n </span>\n </a>\n </div>\n </div>,\n ];\n }\n}\n"],"version":3}

package/components/hy-content-list.js CHANGED Viewed

@@ -153,3 +153,5 @@ const HyContentList = HyContentList$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyContentList, defineCustomElement };
+//# sourceMappingURL=hy-content-list.js.map

package/components/hy-content-list.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-content-list.js","mappings":"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","names":["HyContentList"],"sources":["./src/components/courses/hy-content-list/hy-content-list.scss?tag=hy-content-list","./src/components/courses/hy-content-list/hy-content-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-content-list {\n display: flex;\n font-family: var(--main-font-family);\n flex-wrap: wrap;\n\n &--no-result {\n align-items: center;\n display: flex;\n }\n &--alert {\n margin-right: 6px;\n svg {\n fill: var(--grayscale-dark);\n }\n @include breakpoint($xlarge) {\n svg {\n height: 18px;\n width: 18px;\n }\n }\n &--large {\n @include breakpoint($overwide) {\n svg {\n height: 18px;\n width: 18px;\n }\n }\n }\n }\n\n &--alert-label {\n font-family: var(--main-font-family);\n @include font-size(15px, 22px);\n color: var(--grayscale-dark);\n font-style: italic;\n letter-spacing: 0;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n @include breakpoint($xlarge) {\n @include font-size(17px, 26px);\n }\n &--large {\n @include breakpoint($overwide) {\n @include font-size(17px, 26px);\n }\n }\n }\n}\n\n.hy-content-list.row {\n flex-direction: column;\n}\n\n.hy-content-list.grid {\n flex-direction: row;\n}\n","import {CourseStateVariants, CourseVariants} from \"../../../utils/utils\";\nimport {Component, ComponentInterface, Element, h, Host, Prop, State, Watch} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-content-list\",\n styleUrl: \"hy-content-list.scss\",\n shadow: false,\n})\nexport class HyContentList implements ComponentInterface {\n @Prop() linkLabel: string = \"Go to course page\";\n @Prop() noResultLabel: string = \"No courses scheduled at the moment\";\n @Prop() creditsLabel: string = \"cr\";\n @Prop() cancelledLabel: string = \"Cancelled\";\n @Prop() dataItems: string;\n @Prop() headerstyle: string = \"common\";\n @Prop() courseStateVariant: CourseStateVariants = CourseStateVariants.default;\n private _dataItems: [];\n private variant: CourseVariants = CourseVariants.default;\n @State() courseRealisations: Array<object> = [];\n @Element() el: HTMLElement;\n /**\n * Data for links to be displayed.\n */\n\n @Watch(\"dataItems\") dataWatcher(data: [] | string) {\n this._dataItems = typeof data === \"string\" ? JSON.parse(data) : data;\n }\n\n componentWillLoad() {\n this.dataWatcher(this.dataItems);\n }\n\n handleCardClick(e, id) {\n e.preventDefault();\n let card = this.el.querySelector(`#${id}`) as HTMLElement;\n\n if (card) {\n window.open(card.dataset.location, \"_blank\");\n }\n }\n\n async componentDidLoad() {\n let hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.headerstyle = \"large\";\n }\n }\n }\n\n renderItems() {\n let courseRealisations = [];\n if (this._dataItems && this._dataItems.length > 0) {\n this._dataItems.forEach((item) => {\n const courseObject = JSON.parse(JSON.stringify(item));\n\n const courseListType = courseObject[\"courseListType\"];\n this.variant = courseListType == \"list\" ? CourseVariants.row : CourseVariants.grid;\n\n for (const courseProperty in courseObject) {\n if (courseProperty == \"courseListType\") continue;\n\n const courseItem = courseObject[courseProperty];\n const courseCode = courseItem[\"code\"];\n const courseCredits = courseItem[\"credits\"];\n\n // Course realisations.\n if (courseItem[\"realisations\"]) {\n const realisations = JSON.parse(JSON.stringify(courseItem[\"realisations\"]));\n for (const realisationProperty in realisations) {\n const realizationItem = realisations[realisationProperty];\n const courseRealisationName = realizationItem[\"name\"];\n const courseRealisationFullName = courseRealisationName + \", \" + courseCredits + \" \" + this.creditsLabel;\n const courseStudyFormat = realizationItem[\"studyFormat\"];\n const courseCancelled = realizationItem[\"cancelled\"];\n const courseStartDate = realizationItem[\"startDate\"];\n const courseEndDate = realizationItem[\"endDate\"];\n const formattedTimeRange = realizationItem[\"formattedTimeRange\"];\n const courseEnrollmentLink = realizationItem[\"enrolmentLink\"];\n const courseTeachingLanguage = realizationItem[\"teachingLanguage\"];\n const courseOrganisation = realizationItem[\"organisation\"];\n\n let courseTags = [];\n if (realizationItem[\"tags\"]) {\n let tags = JSON.parse(JSON.stringify(realizationItem[\"tags\"]));\n for (let z in tags) {\n let tagItem = {name: tags[z]};\n courseTags.push(tagItem);\n }\n }\n const courseTagsJSON = JSON.stringify(courseTags);\n\n const contentListItemClassAttributes = [\"item\", this.variant].join(\" \");\n\n courseRealisations.push(\n <hy-content-list-item\n id={realisationProperty}\n class={contentListItemClassAttributes}\n variant={this.variant}\n state-variant={this.courseStateVariant}\n course-code={courseCode}\n course-name={courseRealisationFullName}\n is-cancelled={courseCancelled}\n cancelled-label={this.cancelledLabel}\n course-credits={courseCredits}\n course-tags={courseTagsJSON}\n course-start-date={courseStartDate}\n course-end-date={courseEndDate}\n formatted-time-range={formattedTimeRange}\n course-study-format={courseStudyFormat}\n course-organisation={courseOrganisation}\n course-enrollment-link={courseEnrollmentLink}\n course-teaching-language={courseTeachingLanguage}\n course-link-label={this.linkLabel}\n data-location={courseEnrollmentLink}\n onClick={(e) => this.handleCardClick(e, realisationProperty)}\n //onKeyDown={() => this.handleKeyDown(window.event, realisationProperty)}\n ></hy-content-list-item>\n );\n }\n }\n }\n });\n }\n\n return courseRealisations;\n }\n\n render() {\n const classAttributes = [this.variant, \"hy-content-list\"].join(\" \");\n const classAlertAttributes = [\"hy-content-list--alert\", `hy-content-list--alert--${this.headerstyle}`].join(\" \");\n const classAlertLabelAttributes = [\n \"hy-content-list--alert-label\",\n `hy-content-list--alert-label--${this.headerstyle}`,\n ].join(\" \");\n\n this.courseRealisations = this.renderItems();\n if (this.courseRealisations && this.courseRealisations.length > 0) {\n return (\n <Host>\n <div class={classAttributes}>{this.courseRealisations}</div>\n </Host>\n );\n } else {\n return (\n <Host>\n <div class={classAttributes}>\n <div class=\"hy-content-list--no-result\">\n <span class={classAlertAttributes}>\n <hy-icon icon={\"hy-icon-info\"} size={16} />\n </span>\n <span class={classAlertLabelAttributes}>{this.noResultLabel}</span>\n </div>\n </div>\n </Host>\n );\n }\n }\n}\n"],"version":3}

package/components/hy-crisis-banner.js CHANGED Viewed

@@ -45,3 +45,5 @@ const HyCrisisBanner = HyCrisisBanner$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyCrisisBanner, defineCustomElement };
+//# sourceMappingURL=hy-crisis-banner.js.map

package/components/hy-crisis-banner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-crisis-banner.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,4mKAA4mK;;MCOznKA,gBAAc;;;;;;;;;EAMzB,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,IACzC,WAAK,KAAK,EAAC,6BAA6B,IACtC,WAAK,KAAK,EAAC,6BAA6B,IACtC,eAAS,KAAK,EAAE,kCAAkC,EAAE,IAAI,EAAE,eAAe,GAAI,CACzE,EACN,WAAK,KAAK,EAAC,mCAAmC,IAC5C,WAAK,KAAK,EAAC,2BAA2B,IACpC,UAAI,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAM,EAC1D,IAAI,CAAC,iBAAiB,KACrB,WAAK,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,GAAQ,CACrF,CACG,EACL,IAAI,CAAC,OAAO,KACX,SAAG,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,IACjD,IAAI,CAAC,SAAS,EACf,eAAS,KAAK,EAAE,6BAA6B,EAAE,IAAI,EAAE,wBAAwB,GAAI,CAC/E,CACL,CACG,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyCrisisBanner"],"sources":["./src/components/hy-crisis-banner/hy-crisis-banner.scss?tag=hy-crisis-banner","./src/components/hy-crisis-banner/hy-crisis-banner.tsx"],"sourcesContent":[".hy-crisis-banner {\n box-shadow: inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);\n display: block;\n}\n\n.hy-crisis-banner__container {\n display: flex;\n margin: 0 auto;\n max-width: 1216px;\n}\n\n.hy-crisis-banner__indicator {\n background-color: var(--additional-yellow-light);\n flex-shrink: 0;\n\n @include breakpoint($narrow) {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n}\n\n.hy-crisis-banner__indicator-icon {\n margin-left: 8px;\n margin-right: 8px;\n margin-top: 10px;\n\n @include breakpoint($narrow) {\n margin-left: 10px;\n margin-right: 10px;\n margin-top: 0;\n }\n\n svg {\n height: 22px;\n width: 22px;\n\n circle {\n fill: var(--grayscale-white);\n }\n\n path {\n fill: var(--additional-yellow-light);\n }\n }\n}\n\n.hy-crisis-banner__content-wrapper {\n align-items: baseline;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding: 12px 0 12px 12px;\n\n @include breakpoint($narrow) {\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n padding: 14px 0 14px 14px;\n }\n\n @include breakpoint($wide) {\n padding: 20px 0 20px 20px;\n }\n}\n\n.hy-crisis-banner__content {\n @include breakpoint($narrow) {\n max-width: 61.22%;\n width: 100%;\n }\n\n @include breakpoint($wide) {\n max-width: 65.83%;\n }\n\n @include breakpoint($extrawide) {\n max-width: 65.79%;\n }\n}\n\n.hy-crisis-banner__title {\n @include font-size(14px, 16px);\n @include font-weight($bold);\n color: var(--grayscale-black);\n font-family: var(--main-font-family);\n letter-spacing: -0.35px;\n margin: 0 0 2px 0;\n\n @include breakpoint($xlarge) {\n @include font-size(16px, 18px);\n letter-spacing: -0.4px;\n }\n}\n\n.hy-crisis-banner__description {\n @include font-size(12px, 14px);\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n letter-spacing: -0.35px;\n margin: 0;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 16px);\n }\n\n p {\n margin-top: 0;\n\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n}\n\n.hy-crisis-banner__link {\n @include font-size(14px, 16px);\n @include font-weight($semibold);\n align-items: center;\n color: var(--brand-main-light);\n display: inline-flex;\n font-family: var(--main-font-family);\n letter-spacing: -0.5px;\n margin: 12px 0 0;\n overflow: hidden;\n text-decoration: none;\n\n @include breakpoint($narrow) {\n flex-shrink: 0;\n margin-left: 24px;\n margin-right: 32px;\n margin-top: 0;\n text-align: right;\n }\n\n @include breakpoint($extrawide) {\n margin-left: 32px;\n }\n @include breakpoint($xlarge) {\n @include font-size(16px, 18px);\n }\n\n &:hover,\n &:focus {\n color: var(--brand-main);\n text-decoration: underline;\n\n .hy-crisis-banner__link-icon svg {\n fill: var(--brand-main);\n }\n }\n}\n\n.hy-crisis-banner__link-icon {\n margin-left: 4px;\n\n @include breakpoint($narrow) {\n margin-left: 8px;\n }\n\n @include breakpoint($extrawide) {\n margin-left: 12px;\n }\n\n svg {\n fill: var(--brand-main-light);\n height: 12px;\n width: 12px;\n\n @include breakpoint($narrow) {\n height: 14px;\n width: 14px;\n }\n\n @include breakpoint($xlarge) {\n height: 16px;\n width: 16px;\n }\n }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-crisis-banner\",\n styleUrl: \"hy-crisis-banner.scss\",\n shadow: false,\n})\nexport class HyCrisisBanner {\n @Prop() bannerTitle: string;\n @Prop() bannerDescription?: string;\n @Prop() linkTitle?: string;\n @Prop() linkUrl?: string;\n\n render() {\n return (\n <Host class=\"hy-crisis-banner\" role=\"alert\">\n <div class=\"hy-crisis-banner__container\">\n <div class=\"hy-crisis-banner__indicator\">\n <hy-icon class={\"hy-crisis-banner__indicator-icon\"} icon={\"hy-icon-alert\"} />\n </div>\n <div class=\"hy-crisis-banner__content-wrapper\">\n <div class=\"hy-crisis-banner__content\">\n <h3 class=\"hy-crisis-banner__title\">{this.bannerTitle}</h3>\n {this.bannerDescription && (\n <div class=\"hy-crisis-banner__description\" innerHTML={this.bannerDescription}></div>\n )}\n </div>\n {this.linkUrl && (\n <a class=\"hy-crisis-banner__link\" href={this.linkUrl}>\n {this.linkTitle}\n <hy-icon class={\"hy-crisis-banner__link-icon\"} icon={\"hy-icon-arrow-to-right\"} />\n </a>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-cta-button.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyCtaButton = CtaButton;
 const defineCustomElement = defineCustomElement$1;
 export { HyCtaButton, defineCustomElement };
+//# sourceMappingURL=hy-cta-button.js.map

package/components/hy-cta-button.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-cta-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-cta-link.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyCtaLink = CtaLink;
 const defineCustomElement = defineCustomElement$1;
 export { HyCtaLink, defineCustomElement };
+//# sourceMappingURL=hy-cta-link.js.map

package/components/hy-cta-link.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-cta-link.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-docs-container.js CHANGED Viewed

@@ -30,3 +30,5 @@ const HyDocsContainer = DocsContainer;
 const defineCustomElement = defineCustomElement$1;
 export { HyDocsContainer, defineCustomElement };
+//# sourceMappingURL=hy-docs-container.js.map

package/components/hy-docs-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-docs-container.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,oDAAoD;;MCOhE,aAAa;;;;;EACxB,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,mBAAmB,IAC5B,eAAa,CACT,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/docs-container/docs-container.css?tag=hy-docs-container","./src/components/docs-container/docs-container.tsx"],"sourcesContent":["div.hy-docs-container {\n display: block;\n margin: 2rem 0;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-docs-container\",\n styleUrl: \"docs-container.css\",\n shadow: false,\n})\nexport class DocsContainer {\n render() {\n return (\n <div class=\"hy-docs-container\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-dropdown-panel-item.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyDropdownPanelItem = HyDropdownPanelItem$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyDropdownPanelItem, defineCustomElement };
+//# sourceMappingURL=hy-dropdown-panel-item.js.map

package/components/hy-dropdown-panel-item.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-dropdown-panel-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-dropdown-panel.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyDropdownPanel = HyDropdownPanel$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyDropdownPanel, defineCustomElement };
+//# sourceMappingURL=hy-dropdown-panel.js.map

package/components/hy-dropdown-panel.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-dropdown-panel.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-dropdown.js CHANGED Viewed

@@ -153,3 +153,5 @@ const HyDropdown = HyDropdown$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyDropdown, defineCustomElement };
+//# sourceMappingURL=hy-dropdown.js.map

package/components/hy-dropdown.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-dropdown.js","mappings":"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","names":["HyDropdown"],"sources":["./src/components/hy-dropdown/hy-dropdown.scss?tag=hy-dropdown","./src/components/hy-dropdown/hy-dropdown.tsx"],"sourcesContent":[".hy-dropdown {\n display: inline-block;\n min-width: 100%;\n position: relative;\n\n @include breakpoint($narrow) {\n min-width: 48.3%;\n }\n\n @include breakpoint($extrawide) {\n min-width: 23.03%;\n }\n\n label.hy-dropdown__button-label {\n @include font-size(16px, 20px);\n @include font-weight($bold);\n\n display: block;\n font-family: var(--main-font-family);\n letter-spacing: -0.32px;\n margin-bottom: 8px;\n }\n\n &--single {\n .hy-dropdown__panel {\n width: max-content;\n max-width: 330px;\n min-width: 100%;\n }\n }\n}\n\n.hy-dropdown__toggle {\n @include font-size(14px, 24px);\n align-items: center;\n background-color: var(--grayscale-white);\n border-radius: 0;\n border: 1px solid var(--grayscale-medium-dark);\n color: var(--link-blue);\n display: inline-flex;\n font-family: var(--main-font-family);\n font-weight: $semibold;\n min-height: 40px;\n height: auto;\n justify-content: space-between;\n letter-spacing: normal;\n padding: 0 0 0 16px;\n text-align: left;\n max-width: 280px;\n width: 100%;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n min-height: 44px;\n }\n\n @include breakpoint($extrawide) {\n min-height: 48px;\n }\n\n &:hover {\n border-color: var(--brand-main-light);\n cursor: pointer;\n }\n\n &:focus {\n border-color: var(--brand-main-light);\n border-style: solid inset solid solid;\n border-width: 2px;\n outline: 0;\n text-indent: -1px; // Text stays in place.\n }\n\n svg {\n pointer-events: none;\n }\n\n &.is-open {\n .hy-dropdown__icon {\n background-color: var(--brand-main-light);\n transform: rotate(180deg);\n\n &::before {\n display: none;\n }\n\n svg {\n fill: var(--grayscale-white);\n }\n }\n }\n}\n\n.hy-dropdown__icon {\n align-items: center;\n display: inline-flex;\n flex-shrink: 0;\n height: 40px;\n justify-content: center;\n margin: 0 0 0 16px;\n position: relative;\n width: 40px;\n\n &::before {\n //border-left: 1px dashed var(--grayscale-medium-dark);\n //Line weight 0,5 px; Line color #979797\n border-left: 0.5px solid var(--grayscale-medium-dark);\n content: \"\";\n display: inline-block;\n height: 65%;\n left: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n @include breakpoint($narrow) {\n height: 44px;\n width: 44px;\n }\n\n @include breakpoint($extrawide) {\n height: 48px;\n width: 48px;\n }\n\n svg {\n fill: var(--link-blue);\n\n @include breakpoint($narrow) {\n height: 16px;\n width: 16px;\n }\n }\n}\n\n.hy-dropdown__panel {\n background-color: var(--grayscale-white);\n box-shadow: 0 10px 20px 0 rgba(0, 49, 70, 0.2);\n list-style: none;\n margin: 0;\n padding: 6px;\n position: absolute;\n width: 100%;\n z-index: 11;\n\n &.is-hidden {\n display: none;\n visibility: hidden;\n }\n}\n\n.hy-dropdown__panel-item {\n position: relative;\n\n &:not(.is-last) {\n margin-bottom: 6px;\n }\n}\n\n.hy-dropdown__label {\n @include font-size(14px, 24px);\n align-items: center;\n background-color: var(--grayscale-white);\n border-radius: 0;\n border: 1px solid var(--grayscale-medium-dark);\n color: var(--link-blue);\n display: inline-flex;\n font-family: var(--main-font-family);\n font-weight: $semibold;\n min-height: 40px;\n justify-content: space-between;\n letter-spacing: normal;\n padding: 0 16px;\n text-align: left;\n width: 100%;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 24px);\n }\n}\n\n.hy-dropdown__label-icon {\n align-items: center;\n display: none !important;\n flex-shrink: 0;\n height: 40px;\n justify-content: center;\n position: relative;\n visibility: hidden;\n width: 40px;\n}\n\n.hy-dropdown__checkbox {\n height: 100%;\n margin: 0;\n opacity: 0;\n position: absolute;\n width: 100%;\n z-index: 10;\n\n &:checked {\n & + label {\n border-color: var(--grayscale-black);\n border-style: solid inset solid solid;\n border-width: 2px;\n color: var(--grayscale-black);\n outline: 0;\n text-indent: -1px; // Text stays in place.\n\n .hy-dropdown__label-icon {\n display: inline-flex !important;\n visibility: visible;\n }\n }\n }\n\n &:hover {\n cursor: pointer;\n\n & + label {\n border-color: var(--brand-main-light);\n }\n }\n\n &:focus {\n & + label {\n border-color: var(--brand-main-light);\n border-style: solid inset solid solid;\n border-width: 2px;\n outline: 0;\n text-indent: -1px; // Text stays in place.\n }\n }\n}\n","import {Component, Element, Host, h, State, Listen, Prop, Watch} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\nexport interface IDropdownItem {\n id: string | number;\n label: string;\n value: string | number;\n}\n\nexport interface DefaultValue {\n id: string | number;\n label: string;\n value: string | number;\n}\n\n@Component({\n tag: \"hy-dropdown\",\n styleUrl: \"hy-dropdown.scss\",\n shadow: false,\n})\nexport class HyDropdown {\n private _dropdownOptions: IDropdownItem[];\n @Element() el: HTMLElement;\n @Prop() single: boolean = false;\n @Prop() dropdownLabel: string = null;\n @Prop() dropdownId: string = \"dropdownToggle\";\n @Prop() dropdownOptions: IDropdownItem[] | string;\n @Prop() defaultLabel: string = \"All\";\n @Prop({mutable: true}) defaultOption: string | number = null;\n @State() isPanelOpen: boolean = false;\n @State() isChecked: boolean = false;\n @State() currentSingle: DefaultValue[] = [{id: 0, label: this.defaultLabel, value: 0}];\n\n async componentWillLoad() {\n this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);\n }\n\n componentWillUpdate() {\n const items = this.el.querySelectorAll(\".hy-dropdown__checkbox\") as any;\n if (items) {\n if ([...items].some((item) => item.checked == true)) {\n this.isChecked = true;\n } else {\n this.isChecked = false;\n }\n }\n }\n\n @Watch(\"defaultOption\")\n watchPropHandler(newValue: string | number, oldValue: string | number) {\n if (!this.single) return;\n\n if (newValue !== oldValue) {\n const dropdownPanelCheckboxElements = this.el.getElementsByClassName(\"hy-dropdown__checkbox\") as HTMLCollectionOf<\n HTMLInputElement\n >;\n\n Array.from(dropdownPanelCheckboxElements).filter((item) => {\n if (item.id == newValue) {\n item.checked = true;\n this.currentSingle = this._dropdownOptions.filter((option) => option.id == newValue) as any;\n return;\n }\n return null;\n });\n }\n }\n\n handlePanelToggle() {\n this.isPanelOpen = !this.isPanelOpen;\n }\n\n @Listen(\"click\", {target: \"window\"})\n handleClick(event) {\n const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`) as HTMLButtonElement;\n const dropdownPanelElement = this.el.querySelector(\".hy-dropdown__panel\") as HTMLElement;\n const dropdownPanelCheckboxElements = this.el.querySelectorAll(\".hy-dropdown__checkbox\");\n const dropdownToggleButtonIconElement = this.el.querySelector(\".hy-dropdown__icon\") as HTMLElement;\n\n const {target} = event;\n\n const allowedElements = [\n dropdownToggleButtonElement,\n dropdownPanelElement,\n dropdownToggleButtonIconElement,\n ...dropdownPanelCheckboxElements, // Spread (\"copy\") items to allowedElement array.\n ];\n\n if (this.isPanelOpen && !allowedElements.includes(target)) {\n this.isPanelOpen = false;\n }\n event.stopPropagation();\n }\n\n @Listen(\"click\", {capture: true})\n handleSingleClick(event) {\n if (!this.single || !this.isPanelOpen) return;\n const dropdownPanelCheckboxElements = this.el.getElementsByClassName(\"hy-dropdown__checkbox\") as HTMLCollectionOf<\n HTMLInputElement\n >;\n const allowedElements = [...dropdownPanelCheckboxElements];\n const {target} = event;\n if (!allowedElements.includes(target)) return;\n Array.from(dropdownPanelCheckboxElements).filter((item) => {\n if (item.id == target.id) {\n if (!item.checked) {\n this.currentSingle = [{id: null, label: this.defaultLabel, value: null}];\n return;\n }\n this.currentSingle = this._dropdownOptions.filter((option) => option.id == target.id) as any;\n return;\n }\n if (item.id !== target.id && item.checked) {\n item.checked = false;\n return;\n }\n return null;\n });\n\n event.stopPropagation();\n }\n\n render() {\n const {label: currentLabel, id: currentId, value: currentValue} = this.currentSingle[0];\n const classAttributes = [\"hy-dropdown\", this.single ? \"hy-dropdown--single\" : \"\"].join(\" \");\n\n if (this.single) {\n return (\n <Host class={classAttributes}>\n {this.dropdownLabel && (\n <label class=\"hy-dropdown__button-label\" htmlFor={this.dropdownId}>\n {this.dropdownLabel}\n </label>\n )}\n <button\n id={this.dropdownId}\n class={`hy-dropdown__toggle ${this.isPanelOpen ? \"is-open\" : \"\"}`}\n aria-expanded={`${this.isPanelOpen || false}`}\n aria-haspopup=\"true\"\n aria-controls=\"dropdownPanel\"\n onClick={() => this.handlePanelToggle()}\n aria-label={`${!this.isPanelOpen ? \"Open\" : \"Close\"} dropdown`}\n data-current-id={currentId}\n data-current-value={currentValue}\n value={currentId}\n type=\"button\"\n >\n {currentLabel}\n <hy-icon class=\"hy-dropdown__icon\" icon={\"hy-icon-caret-down\"} size={14} aria-hidden=\"true\" />\n </button>\n <hy-dropdown-panel checkbox-checked={this.isChecked ? \"true\" : \"false\"} is-hidden={!this.isPanelOpen}>\n {this._dropdownOptions.map(({id, label, value}, index) => (\n <hy-dropdown-panel-item\n dropdown-item-id={id}\n dropdown-item-label={label}\n dropdown-item-value={value}\n is-last={this._dropdownOptions.length - 1 === index}\n />\n ))}\n </hy-dropdown-panel>\n </Host>\n );\n } else {\n return (\n <Host class={classAttributes}>\n <button\n id={this.dropdownId}\n class={`hy-dropdown__toggle ${this.isPanelOpen ? \"is-open\" : \"\"}`}\n aria-expanded={`${this.isPanelOpen || false}`}\n aria-haspopup=\"true\"\n aria-controls=\"dropdownPanel\"\n onClick={() => this.handlePanelToggle()}\n aria-label={`${!this.isPanelOpen ? \"Open\" : \"Close\"} dropdown`}\n type=\"button\"\n >\n {this.dropdownLabel && this.dropdownLabel}\n <hy-icon class=\"hy-dropdown__icon\" icon={\"hy-icon-caret-down\"} size={14} aria-hidden=\"true\" />\n </button>\n <hy-dropdown-panel checkbox-checked={this.isChecked ? \"true\" : \"false\"} is-hidden={!this.isPanelOpen}>\n {this._dropdownOptions.map(({id, label, value}, index) => (\n <hy-dropdown-panel-item\n dropdown-item-id={id}\n dropdown-item-label={label}\n dropdown-item-value={value}\n is-last={this._dropdownOptions.length - 1 === index}\n />\n ))}\n </hy-dropdown-panel>\n </Host>\n );\n }\n }\n}\n"],"version":3}

package/components/hy-dropdown.panel.item.js CHANGED Viewed

@@ -39,3 +39,5 @@ function defineCustomElement() {
 }
 export { HyDropdownPanelItem as H, defineCustomElement as d };
+//# sourceMappingURL=hy-dropdown.panel.item.js.map

package/components/hy-dropdown.panel.item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-dropdown.panel.item.js","mappings":";;;MAMa,mBAAmB;;;;kBACH,KAAK;;;;;EAKhC,MAAM;IACJ,QACE,UAAI,KAAK,EAAE,2BAA2B,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IAClE,aACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,uBAAuB,EAC7B,EAAE,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAC5B,KAAK,EAAE,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAClC,EACF,aAAO,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,IAChE,IAAI,CAAC,iBAAiB,EACvB,eAAS,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACxF,CACL,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-dropdown/hy-dropdown.panel.item.tsx"],"sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-dropdown-panel-item\",\n shadow: false,\n})\nexport class HyDropdownPanelItem {\n @Prop() isLast?: boolean = false;\n @Prop() dropdownItemId: string | number;\n @Prop() dropdownItemValue: string | number;\n @Prop() dropdownItemLabel: string;\n\n render() {\n return (\n <li class={`hy-dropdown__panel-item ${this.isLast ? \"is-last\" : \"\"}`}>\n <input\n type=\"checkbox\"\n class=\"hy-dropdown__checkbox\"\n id={`${this.dropdownItemId}`}\n value={`${this.dropdownItemValue}`}\n />\n <label class=\"hy-dropdown__label\" htmlFor={`${this.dropdownItemId}`}>\n {this.dropdownItemLabel}\n <hy-icon class=\"hy-dropdown__label-icon\" icon={\"hy-icon-done\"} size={14} aria-hidden=\"true\" />\n </label>\n </li>\n );\n }\n}\n"],"version":3}

package/components/hy-dropdown.panel.js CHANGED Viewed

@@ -27,3 +27,5 @@ function defineCustomElement() {
 }
 export { HyDropdownPanel as H, defineCustomElement as d };
+//# sourceMappingURL=hy-dropdown.panel.js.map

package/components/hy-dropdown.panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-dropdown.panel.js","mappings":";;MAMa,eAAe;;;;;;EAG1B,MAAM;IACJ,QACE,UACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,sBAAsB,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,EAAE,iBAClD,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,EACxC,IAAI,EAAC,QAAQ,qBACG,gBAAgB,IAEhC,eAAQ,CACL,EACL;GACH;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-dropdown/hy-dropdown.panel.tsx"],"sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-dropdown-panel\",\n shadow: false,\n})\nexport class HyDropdownPanel {\n @Prop() isHidden: boolean;\n\n render() {\n return (\n <ul\n id=\"dropdownPanel\"\n class={`hy-dropdown__panel ${this.isHidden ? \"is-hidden\" : \"\"}`}\n aria-hidden={`${this.isHidden || false}`}\n role=\"region\"\n aria-labelledby=\"dropdownToggle\"\n >\n <slot />\n </ul>\n );\n }\n}\n"],"version":3}

package/components/hy-event-item.js CHANGED Viewed

@@ -71,3 +71,5 @@ const HyEventItem = HyEventItem$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyEventItem, defineCustomElement };
+//# sourceMappingURL=hy-event-item.js.map

package/components/hy-event-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-event-item.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,04PAA04P;;MCOp5PA,aAAW;;;;;4BAGa,EAAE;qBACT,EAAE;oBACH,EAAE;oBACF,EAAE;;;qBAGA,KAAK;yBACF,WAAW;kBAEhB,KAAK;;EAEhC,gBAAgB;IACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;IACrB,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF;GACF;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG;MACvB,iBAAiB;MACjB,IAAI,CAAC,SAAS,GAAG,uBAAuB,GAAG,uBAAuB;MAClE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE;KAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,QACE,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ,IACzD,WAAK,KAAK,EAAC,4BAA4B,IACrC,WAAK,KAAK,EAAC,gCAAgC,IACzC,YAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,SAAS,CAAQ,EACjE,IAAI,CAAC,MAAM,KACV,YAAM,KAAK,EAAC,yBAAyB,IACnC,eAAS,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAY,CAClD,CACR,CACG,EACN,WAAK,KAAK,EAAC,0BAA0B,IACnC,WAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,UAAU,CAAO,EAC3D,WAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,KACZ,WAAK,KAAK,EAAC,yDAAyD,IAClE,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY,EAClD,IAAI,CAAC,QAAQ,CACV,CACP,EACA,IAAI,CAAC,QAAQ,KACZ,WAAK,KAAK,EAAC,uDAAuD,IAChE,eAAS,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAY,EACpD,IAAI,CAAC,QAAQ,CACV,CACP,EACA,IAAI,CAAC,IAAI,KACR,WAAK,KAAK,EAAC,mDAAmD,IAC5D,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY,EAClD,IAAI,CAAC,IAAI,CACN,CACP,EACD,YAAM,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,aAAa,CAAQ,CAChE,CACF,EACN,YAAM,KAAK,EAAC,2BAA2B,iBAAa,MAAM,IACxD,eAAS,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnD,CACH,CACJ,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyEventItem"],"sources":["./src/components/hy-event-item/hy-event-item.scss?tag=hy-event-item","./src/components/hy-event-item/hy-event-item.tsx"],"sourcesContent":[".hy-events__item {\n display: flex;\n border: 1px solid #d8d8d8;\n padding: 13px 16px;\n position: relative;\n text-decoration: none;\n flex-direction: column;\n white-space: initial;\n margin-bottom: 1rem;\n\n @include breakpoint($medium) {\n flex-direction: row;\n padding: 47px;\n margin-bottom: 1.75rem;\n }\n\n &:not(.hy-events__item--grid) .hy-events__item--container {\n @include breakpoint($medium) {\n display: flex;\n }\n }\n\n &:hover {\n .hy-events__item__title {\n color: var(--brand-main);\n text-decoration: underline;\n }\n\n .hy-events__item__date--short,\n .hy-events__item__url-icon {\n background-color: var(--brand-main-active);\n }\n }\n\n &__title {\n @include font-size(18px, 24px);\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 6;\n color: var(--grayscale-black);\n display: -webkit-box;\n font-family: var(--main-font-family);\n font-weight: 700;\n letter-spacing: -0.36px;\n line-clamp: 6;\n margin-bottom: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @include breakpoint($medium) {\n @include font-size(22px, 28px);\n\n font-weight: 700;\n font-size: 22px;\n line-height: 28px;\n letter-spacing: -0.44px;\n margin-bottom: 14px;\n }\n }\n\n &__details {\n font-family: var(--main-font-family);\n font-style: normal;\n font-weight: 400;\n font-size: 17px;\n line-height: 26px;\n color: var(--grayscale-black);\n }\n\n &__meta {\n display: flex;\n flex-direction: column;\n\n @include breakpoint($medium) {\n flex-direction: row;\n }\n\n &--item {\n @include font-size(15px, 22px);\n align-items: flex-start;\n display: flex;\n flex-direction: row;\n margin-right: 0px;\n margin-bottom: 9px;\n font-family: var(--main-font-family);\n font-weight: 400;\n word-break: break-word;\n\n @include breakpoint($medium) {\n @include font-size(17px, 26px);\n align-items: flex-start;\n margin-right: 35px;\n margin-bottom: 0;\n font-weight: 400;\n }\n\n svg {\n width: 20px;\n height: 20px;\n margin-right: 9px;\n margin-top: 2px;\n\n @include breakpoint($medium) {\n margin-top: 1px;\n }\n }\n }\n }\n\n &__date--short {\n @include font-size(15px, 18px);\n display: flex;\n color: var(--grayscale-white);\n background: var(--brand-main-light);\n font-family: var(--main-font-family);\n font-style: normal;\n font-weight: 700;\n padding: 6px 8px;\n width: fit-content;\n text-align: center;\n letter-spacing: -0.28125px;\n text-decoration: none;\n margin-bottom: 20px;\n margin-right: 0;\n\n @include breakpoint($medium) {\n @include font-size(17px, 20px);\n letter-spacing: -0.31875px;\n padding: 0;\n height: 68px;\n width: 68px;\n justify-content: center;\n align-items: center;\n margin-right: 47px;\n margin-bottom: 0;\n }\n }\n\n &__url-icon {\n display: none;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: var(--brand-main-light);\n color: var(--grayscale-white);\n width: 32px;\n height: 32px;\n bottom: 16px;\n right: -9px;\n z-index: 1;\n\n @include breakpoint($medium) {\n display: flex;\n }\n\n svg {\n fill: currentColor;\n }\n }\n\n &__read-more {\n @include font-size(15px, 18px);\n color: var(--brand-main-light);\n font-weight: 700;\n display: flex;\n align-items: center;\n letter-spacing: -0.28125px;\n margin-top: 10px;\n\n @include breakpoint($medium) {\n display: none;\n }\n }\n\n &--grid {\n padding: 1rem;\n flex-direction: column;\n min-width: 280px;\n max-width: 100%;\n min-height: 255px;\n position: relative;\n margin-bottom: 0;\n\n @include breakpoint($medium) {\n max-width: 280px;\n padding: 1rem 1rem 0 1rem;\n }\n\n &.is-long {\n max-height: 100%;\n\n @include breakpoint($medium) {\n max-height: 255px;\n }\n\n &::after {\n display: none;\n content: \"\";\n background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 36px;\n\n @include breakpoint($medium) {\n display: block;\n }\n }\n\n .hy-events__item--container {\n overflow: visible;\n\n @include breakpoint($medium) {\n overflow: hidden;\n }\n }\n\n &:hover,\n &:focus {\n @include breakpoint($medium) {\n border: 0;\n }\n\n &::after,\n .hy-events__item--toggle {\n display: none;\n }\n\n .hy-events__item--container {\n @include breakpoint($medium) {\n background-color: white;\n border: 1px solid #d8d8d8;\n padding: 16px 16px;\n position: absolute;\n top: 0;\n left: 0;\n min-height: 255px;\n overflow: visible;\n }\n }\n }\n }\n\n .hy-events__item__title {\n @include font-size(18px, 24px);\n letter-spacing: -0.36px;\n }\n\n .hy-events__item--toggle {\n display: none;\n align-items: center;\n justify-content: center;\n background: #d7d7d7;\n border-radius: 50%;\n position: absolute;\n top: 16px;\n right: 16px;\n width: 24px;\n height: 24px;\n\n @include breakpoint($medium) {\n display: flex;\n }\n }\n\n .hy-events__item__meta {\n flex-direction: column;\n gap: 9px;\n\n &--item {\n @include font-size(15px, 22px);\n }\n }\n\n .hy-events__item__date--short {\n padding: 6px;\n\n @include breakpoint($medium) {\n @include font-size(15px, 18px);\n width: fit-content;\n height: auto;\n font-weight: 700;\n letter-spacing: -0.28125px;\n margin-bottom: 18px;\n }\n }\n }\n}\n","import {Component, Element, h, Prop, State} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-event-item\",\n styleUrl: \"hy-event-item.scss\",\n shadow: false,\n})\nexport class HyEventItem {\n @Element() el: HTMLElement;\n @Prop() eventTitle?: string;\n @Prop() eventDescription: string = \"\";\n @Prop() dateShort: string = \"\";\n @Prop() dateLong: string = \"\";\n @Prop() location: string = \"\";\n @Prop() type: string;\n @Prop() url: string;\n @Prop() styleGrid: boolean = false;\n @Prop() readMoreLabel: string = \"Read more\";\n\n @State() isLong: boolean = false;\n\n componentDidLoad() {\n const link = this.el;\n if (this.styleGrid) {\n if (link.clientHeight > 255) {\n this.isLong = true;\n }\n }\n }\n\n render() {\n const containerClasses = [\n \"hy-events__item\",\n this.styleGrid ? \"hy-events__item--grid\" : \"hy-events__item--list\",\n this.isLong ? \"is-long\" : \"\",\n ].join(\" \");\n\n return (\n <a href={this.url} class={containerClasses} target=\"_blank\">\n <div class=\"hy-events__item--container\">\n <div class=\"hy-events__item__top-container\">\n <span class=\"hy-events__item__date--short\">{this.dateShort}</span>\n {this.isLong && (\n <span class=\"hy-events__item--toggle\">\n <hy-icon icon=\"hy-icon-caret-down\" size={10}></hy-icon>\n </span>\n )}\n </div>\n <div class=\"hy-events__item__details\">\n <div class=\"hy-events__item__title\">{this.eventTitle}</div>\n <div class=\"hy-events__item__meta\">\n {this.dateLong && (\n <div class=\"hy-events__item__meta--item hy-events__item__date--long\">\n <hy-icon icon=\"hy-icon-events\" size={18}></hy-icon>\n {this.dateLong}\n </div>\n )}\n {this.location && (\n <div class=\"hy-events__item__meta--item hy-events__item__location\">\n <hy-icon icon=\"hy-icon-location\" size={18}></hy-icon>\n {this.location}\n </div>\n )}\n {this.type && (\n <div class=\"hy-events__item__meta--item hy-events__item__type\">\n <hy-icon icon=\"hy-icon-people\" size={18}></hy-icon>\n {this.type}\n </div>\n )}\n <span class=\"hy-events__item__read-more\">{this.readMoreLabel}</span>\n </div>\n </div>\n <span class=\"hy-events__item__url-icon\" aria-hidden=\"true\">\n <hy-icon icon=\"hy-icon-arrow-right\" size={18}></hy-icon>\n </span>\n </div>\n </a>\n );\n }\n}\n"],"version":3}

package/components/hy-events.js CHANGED Viewed

@@ -129,3 +129,5 @@ const HyEvents = HyEvents$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyEvents, defineCustomElement };
+//# sourceMappingURL=hy-events.js.map

package/components/hy-events.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-events.js","mappings":"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","names":["HyEvents"],"sources":["./src/components/hy-events/hy-events.scss?tag=hy-events","./src/components/hy-events/hy-events.tsx"],"sourcesContent":["hy-events {\n &.no-events {\n .hy-events__no-result-container {\n font-family: var(--main-font-family);\n }\n\n .hy-events--wrapper .hy-events--grid {\n padding-bottom: 0;\n }\n\n .hy-events__footer {\n display: none;\n }\n }\n}\n\n.hy-events--wrapper {\n .hy-events {\n display: flex;\n flex-direction: column;\n\n &--grid {\n flex-direction: column;\n gap: 1.5rem;\n overflow-x: hidden;\n white-space: nowrap;\n scrollbar-width: none;\n\n @include breakpoint($medium) {\n padding-bottom: 14rem;\n }\n\n .hy-events__content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n order: -1;\n\n @include breakpoint($medium) {\n flex-direction: row;\n }\n }\n }\n }\n\n .hy-events__footer {\n align-items: flex-end;\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n margin-bottom: 2rem;\n\n &--grid {\n flex-direction: row;\n margin-top: 1.5rem;\n\n @include breakpoint($medium) {\n margin-top: -9.5rem;\n }\n }\n }\n\n .hy-events__scroll-buttons {\n display: none;\n margin-top: 2rem;\n\n @include breakpoint($medium) {\n display: flex;\n }\n\n button {\n border: none;\n background: none;\n padding: 0.5rem;\n\n &:hover {\n cursor: pointer;\n\n svg {\n scale: 1.1;\n }\n }\n\n &.is-hidden {\n display: none;\n }\n\n &.is-disabled {\n pointer-events: none;\n\n svg {\n fill: var(--link-disabled);\n }\n }\n }\n }\n}\n","import {Component, Element, h, Prop, State, Watch} from \"@stencil/core\";\nimport {CtaLinkVariants} from \"../../utils/utils\";\n\nlet scrollTimeout = null;\nlet checkTimeout = null;\nlet itemWidth = 280 + 24;\n\n@Component({\n tag: \"hy-events\",\n styleUrl: \"hy-events.scss\",\n shadow: false,\n})\nexport class HyEvents {\n @Element() el: HTMLElement;\n\n @Prop() styleGrid: boolean = false;\n @Prop() showMore: boolean = false;\n @Prop() viewAllUrl: string;\n @Prop() viewAllLabel: string;\n @Prop() scrollLeftLabel: string = \"Scroll list to left\";\n @Prop() scrollRightLabel: string = \"Scroll list to right\";\n\n @State() scrollable: boolean = true;\n\n componentDidLoad() {\n const itemList = this.el;\n const content = document.querySelector(\".hy-events\");\n const scrollLeft = itemList.querySelector(\".hy-events__scroll-left\");\n const scrollRight = itemList.querySelector(\".hy-events__scroll-right\");\n\n //this.checkScrollHidden(content, scrollLeft, scrollRight);\n\n if (this.styleGrid) {\n content.addEventListener(\n \"scroll\",\n () => {\n scrollTimeout = setTimeout(() => {\n window.clearTimeout(scrollTimeout);\n }, 250);\n },\n false\n );\n\n scrollLeft.addEventListener(\"click\", (e) => {\n e.preventDefault();\n scrollLeft.classList.add(\"is-disabled\");\n content.scrollBy({\n top: 0,\n left: -itemWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n //this.checkScrollHidden(content, scrollLeft, scrollRight);\n scrollLeft.classList.remove(\"is-disabled\");\n }, 250);\n });\n\n scrollRight.addEventListener(\"click\", (e) => {\n e.preventDefault();\n scrollRight.classList.add(\"is-disabled\");\n content.scrollBy({\n top: 0,\n left: +itemWidth,\n behavior: \"smooth\",\n });\n checkTimeout = window.setTimeout(() => {\n window.clearTimeout(checkTimeout);\n //this.checkScrollHidden(content, scrollLeft, scrollRight);\n scrollRight.classList.remove(\"is-disabled\");\n }, 250);\n });\n }\n }\n\n @Watch(\"viewAllUrl\")\n watchUrlHandler(newValue, oldValue) {\n if (oldValue !== newValue) {\n this.viewAllUrl = newValue;\n }\n }\n\n checkScrollHidden(list, leftButton, rightButton) {\n const itemList = list.querySelector(\".hy-events__content\");\n\n if (list.scrollLeft === 0) {\n leftButton.classList.add(\"is-hidden\");\n } else {\n leftButton.classList.remove(\"is-hidden\");\n }\n\n if (list.scrollLeft + list.clientWidth >= itemList.scrollWidth - 1) {\n rightButton.classList.add(\"is-hidden\");\n } else {\n rightButton.classList.remove(\"is-hidden\");\n }\n }\n\n render() {\n const classAttributes = [\"hy-events\", this.styleGrid ? \"hy-events--grid\" : \"\"].join(\" \");\n const footerClasses = [\"hy-events__footer\", this.styleGrid ? \"hy-events__footer--grid\" : \"\"].join(\" \");\n\n return (\n <div class=\"hy-events--wrapper\">\n <div class={classAttributes}>\n <slot></slot>\n </div>\n <div class={footerClasses}>\n {this.scrollable && this.styleGrid && (\n <div class=\"hy-events__scroll-buttons\">\n <button type=\"button\" class=\"hy-events__scroll-left\" aria-label={this.scrollLeftLabel}>\n <hy-icon icon=\"hy-icon-caret-left\" size={16}></hy-icon>\n </button>\n <button type=\"button\" class=\"hy-events__scroll-right\" aria-label={this.scrollRightLabel}>\n <hy-icon icon=\"hy-icon-caret-right\" size={16}></hy-icon>\n </button>\n </div>\n )}\n {this.showMore && this.viewAllLabel && this.viewAllUrl && (\n <hy-cta-link\n link-content={this.viewAllLabel}\n sc-label={this.viewAllLabel}\n url={this.viewAllUrl}\n variant={CtaLinkVariants.linkList}\n />\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-filter-group-item.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyFilterGroupItem = HyFilterGroupItem$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterGroupItem, defineCustomElement };
+//# sourceMappingURL=hy-filter-group-item.js.map

package/components/hy-filter-group-item.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-filter-group-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-group.item.js CHANGED Viewed

@@ -36,3 +36,5 @@ function defineCustomElement() {
 }
 export { HyFilterGroupItem as H, defineCustomElement as d };
+//# sourceMappingURL=hy-filter-group.item.js.map

package/components/hy-filter-group.item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-filter-group.item.js","mappings":";;;;MAOa,iBAAiB;;;;;;;EAI5B,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,yBAAyB,IACjC,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,yBAAyB,gBAAa,YAAY,IAAI,CAAC,oBAAoB,EAAE,IACtG,IAAI,CAAC,oBAAoB,EAC1B,eACE,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAE,EAAE,iBACI,MAAM,EAClB,IAAI,EAAE,YAAY,CAAC,SAAS,GAC5B,CACK,EACT,eAAQ,CACL,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/hy-filter-group/hy-filter-group.item.tsx"],"sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {ColorVariant} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-filter-group-item\",\n shadow: false,\n})\nexport class HyFilterGroupItem {\n @Prop() filterGroupItemId: string | number;\n @Prop() filterGroupItemLabel: string;\n\n render() {\n return (\n <li class=\"hy-filter-group__filter\">\n <button type=\"button\" class=\"hy-filter-group__button\" aria-label={`Deselect ${this.filterGroupItemLabel}`}>\n {this.filterGroupItemLabel}\n <hy-icon\n class=\"hy-filter-group__button-icon\"\n icon={\"hy-icon-remove\"}\n size={10}\n aria-hidden=\"true\"\n fill={ColorVariant.grey_dark}\n />\n </button>\n <slot />\n </li>\n );\n }\n}\n"],"version":3}

package/components/hy-filter-group.js CHANGED Viewed

@@ -65,3 +65,5 @@ const HyFilterGroup = HyFilterGroup$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterGroup, defineCustomElement };
+//# sourceMappingURL=hy-filter-group.js.map

package/components/hy-filter-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-filter-group.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,g+FAAg+F;;MCY5+FA,eAAa;;;;;;;EAMxB,gBAAgB,CAAC,QAAuC;IACtD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACjD;SAAM;MACL,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACrC;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;GAChD;;EAGD,oBAAoB,CAAC,EAAE;IACrB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;GACjB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,IAC3B,UAAI,KAAK,EAAC,0BAA0B,IAClC,cACE,UAAI,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,gBAAgB,CAAM,CAC5D,EACJ,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,MACxC,oDACwB,EAAE,6BACC,KAAK,EAC9B,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,GACtB,CACzB,CAAC,CACC,CACA,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterGroup"],"sources":["./src/components/hy-filter-group/hy-filter-group.scss?tag=hy-filter-group","./src/components/hy-filter-group/hy-filter-group.tsx"],"sourcesContent":[".hy-filter-group {\n align-items: center;\n display: inline-flex;\n flex-wrap: wrap;\n margin-right: 16px;\n}\n\n.hy-filter-group__listing {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.hy-filter-group__label {\n @include font-size(12px, 16px);\n border-radius: 2px;\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n font-weight: normal;\n letter-spacing: -0.2px;\n margin: 8px 4px 8px 0;\n padding: 4px 0;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 16px);\n letter-spacing: -0.3px;\n padding: 6px 0;\n }\n}\n\n.hy-filter-group__button {\n @include font-size(12px, 16px);\n align-items: center;\n background-color: var(--grayscale-background-box);\n border-radius: 2px;\n border: 0;\n color: var(--grayscale-dark);\n display: inline-flex;\n font-family: var(--main-font-family);\n font-weight: normal;\n letter-spacing: -0.2px;\n margin: 8px 4px;\n padding: 4px 6px;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 16px);\n letter-spacing: -0.3px;\n padding: 6px 8px;\n }\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.hy-filter-group__button-icon {\n margin-left: 6px;\n\n @include breakpoint($narrow) {\n margin-left: 8px;\n }\n\n svg {\n pointer-events: none;\n\n @include breakpoint($narrow) {\n height: 12px;\n width: 12px;\n }\n }\n}\n\n.hy-filter-group__divider {\n @include font-size(12px, 16px);\n color: var(--grayscale-dark);\n font-family: var(--main-font-family);\n margin: 4px 6px;\n\n @include breakpoint($narrow) {\n @include font-size(14px, 16px);\n letter-spacing: -0.3px;\n }\n}\n","import {Component, Host, h, Prop, Watch} from \"@stencil/core\";\n\nexport interface IFilterGroupFilter {\n id: string | number;\n label: string;\n}\n\n@Component({\n tag: \"hy-filter-group\",\n styleUrl: \"hy-filter-group.scss\",\n shadow: false,\n})\nexport class HyFilterGroup {\n private _filterGroupFilters: IFilterGroupFilter[];\n @Prop() filterGroupLabel: string;\n @Prop() filterGroupFilters: IFilterGroupFilter[] | string;\n\n @Watch(\"filterGroupFilters\")\n arrayDataWatcher(newValue: IFilterGroupFilter[] | string) {\n if (typeof newValue === \"string\") {\n this._filterGroupFilters = JSON.parse(newValue);\n } else {\n this._filterGroupFilters = newValue;\n }\n }\n\n componentWillLoad() {\n this.arrayDataWatcher(this.filterGroupFilters);\n }\n\n // TODO: Finish handleFilterDeselect functionality with real data.\n handleFilterDeselect(id) {\n console.log(id);\n }\n\n render() {\n return (\n <Host class=\"hy-filter-group\">\n <ul class=\"hy-filter-group__listing\">\n <li>\n <h3 class=\"hy-filter-group__label\">{this.filterGroupLabel}</h3>\n </li>\n {this._filterGroupFilters.map(({id, label}) => (\n <hy-filter-group-item\n filter-group-item-id={id}\n filter-group-item-label={label}\n onClick={() => this.handleFilterDeselect(id)}\n ></hy-filter-group-item>\n ))}\n </ul>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/hy-filter-list-type.js CHANGED Viewed

@@ -50,3 +50,5 @@ const HyFilterListType = HyFilterListType$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterListType, defineCustomElement };
+//# sourceMappingURL=hy-filter-list-type.js.map

package/components/hy-filter-list-type.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-filter-list-type.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,4iFAA4iF;;MCQ3jFA,kBAAgB;;;;;;;EAI3B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,gBAAO,IAAI,CAAC,WAAW,CAAQ,EAC/B,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,4BAA4B,EAAE,IAAI;QAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;OACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ,IAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,EACT,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;QACL,gBAAgB,EAAE,IAAI;QACtB,4BAA4B,EAAE,IAAI;QAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;OACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ,IAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,CACL,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterListType"],"sources":["./src/components/hy-filter-list-type/hy-filter-list-type.scss?tag=hy-filter-list-type","./src/components/hy-filter-list-type/hy-filter-list-type.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hy-filter__list-type {\n display: none;\n\n @include breakpoint($wide) {\n display: flex;\n align-items: center;\n font-family: var(--main-font-family);\n }\n\n span {\n @include breakpoint($wide) {\n @include font-size(14px, 18px);\n @include font-weight($semibold);\n color: var(--grayscale-black);\n letter-spacing: -0.5px;\n text-align: right;\n }\n @include breakpoint($xlarge) {\n @include font-size(16px, 20px);\n }\n }\n\n &__list {\n background: var(--grayscale-background-box);\n border: none;\n margin: 0 8px;\n padding: 10px;\n\n svg {\n background-color: var(--grayscale-background-box);\n fill: var(--brand-main-light);\n }\n &.is-active {\n background: white;\n border: black 1px solid;\n\n svg {\n background-color: var(--grayscale-white);\n fill: var(--grayscale-black);\n }\n }\n }\n &__list:hover {\n cursor: pointer;\n }\n\n &__grid {\n background: var(--grayscale-background-box);\n border: none;\n padding: 10px;\n\n svg {\n background-color: var(--grayscale-background-box);\n fill: var(--brand-main-light);\n }\n\n &.is-active {\n background: white;\n border: black 1px solid;\n\n svg {\n background-color: var(--grayscale-white);\n fill: var(--grayscale-black);\n }\n }\n }\n\n &__grid:hover {\n cursor: pointer;\n }\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {ListStyleVariants} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-filter-list-type\",\n styleUrl: \"hy-filter-list-type.scss\",\n shadow: false,\n})\nexport class HyFilterListType {\n @Prop() filterLabel?: string;\n @Prop() filterValue?: string;\n\n render() {\n return (\n <div class=\"hy-filter__list-type\">\n <span>{this.filterLabel}</span>\n <button\n type=\"button\"\n class={{\n \"hy-filter-item\": true,\n \"hy-filter__list-type__list\": true,\n \"is-active\": this.filterValue == ListStyleVariants.list,\n }}\n aria-label={`${this.filterLabel}--list`}\n >\n <hy-icon class=\"hy-filter-group__button-icon\" icon={\"hy-icon-list-style-list\"} size={16} aria-hidden=\"true\" />\n </button>\n <button\n type=\"button\"\n class={{\n \"hy-filter-item\": true,\n \"hy-filter__list-type__grid\": true,\n \"is-active\": this.filterValue == ListStyleVariants.grid,\n }}\n aria-label={`${this.filterLabel}--grid`}\n >\n <hy-icon class=\"hy-filter-group__button-icon\" icon={\"hy-icon-list-style-grid\"} size={16} aria-hidden=\"true\" />\n </button>\n </div>\n );\n }\n}\n"],"version":3}

package/components/hy-filter-visibility-tool-reset.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyFilterVisibilityToolReset = HyFilterVisibilityToolReset$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterVisibilityToolReset, defineCustomElement };
+//# sourceMappingURL=hy-filter-visibility-tool-reset.js.map

package/components/hy-filter-visibility-tool-reset.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-filter-visibility-tool-reset.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-visibility-tool-toggle.js CHANGED Viewed

@@ -4,3 +4,5 @@ const HyFilterVisibilityToolToggle = HyFilterVisibilityToolToggle$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterVisibilityToolToggle, defineCustomElement };
+//# sourceMappingURL=hy-filter-visibility-tool-toggle.js.map

package/components/hy-filter-visibility-tool-toggle.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"file":"hy-filter-visibility-tool-toggle.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/hy-filter-visibility-tool.js CHANGED Viewed

@@ -56,3 +56,5 @@ const HyFilterVisibilityTool = HyFilterVisibilityTool$1;
 const defineCustomElement = defineCustomElement$1;
 export { HyFilterVisibilityTool, defineCustomElement };
+//# sourceMappingURL=hy-filter-visibility-tool.js.map

package/components/hy-filter-visibility-tool.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"hy-filter-visibility-tool.js","mappings":";;;;;AAAA,MAAM,yBAAyB,GAAG,kpEAAkpE;;MCOvqEA,wBAAsB;;;;;;EAGjC,MAAM;IACJ,QAAQ,IAAI,CAAC,wBAAwB;MACnC,KAAK,QAAQ;QACX,QACE,EAAC,IAAI,QACH,2CAAoC,CAC/B,EACP;MAEJ,KAAK,OAAO;QACV,QACE,EAAC,IAAI,QACH,0CAAmC,CAC9B,EACP;KACL;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HyFilterVisibilityTool"],"sources":["./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.scss?tag=hy-filter-visibility-tool","./src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.tsx"],"sourcesContent":[".hy-filter-visibility-tool {\n @include font-size(14px, 20px);\n align-items: center;\n background-color: transparent;\n border: 0;\n color: var(--link-blue);\n display: inline-flex;\n font-family: var(--main-font-family);\n font-weight: $semibold;\n letter-spacing: -0.35px;\n padding: 0;\n margin-right: 1rem;\n\n @include breakpoint($narrow) {\n @include font-size(16px, 20px);\n letter-spacing: -0.5px;\n }\n\n &:hover {\n color: var(--brand-main);\n cursor: pointer;\n\n svg {\n fill: var(--brand-main);\n }\n }\n\n &:focus {\n color: var(--brand-main);\n outline-offset: 1px;\n outline: 2px solid var(--brand-main);\n\n svg {\n fill: var(--brand-main);\n }\n }\n}\n\n.hy-filter-visibility-tool__icon {\n flex-shrink: 0;\n margin-right: 6px;\n\n svg {\n fill: var(--link-blue);\n\n @include breakpoint($narrow) {\n height: 16px;\n width: 16px;\n }\n }\n}\n","import {Component, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-filter-visibility-tool\",\n styleUrl: \"hy-filter-visibility-tool.scss\",\n shadow: false,\n})\nexport class HyFilterVisibilityTool {\n @Prop() filterVisibilityToolType: \"toggle\" | \"reset\";\n\n render() {\n switch (this.filterVisibilityToolType) {\n case \"toggle\":\n return (\n <Host>\n <hy-filter-visibility-tool-toggle />\n </Host>\n );\n\n case \"reset\":\n return (\n <Host>\n <hy-filter-visibility-tool-reset />\n </Host>\n );\n }\n }\n}\n"],"version":3}

package/components/hy-filter-visibility-tool.reset.js CHANGED Viewed

@@ -30,3 +30,5 @@ function defineCustomElement() {
 }
 export { HyFilterVisibilityToolReset as H, defineCustomElement as d };
+//# sourceMappingURL=hy-filter-visibility-tool.reset.js.map