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/dist/collection/components/grid-container/grid-container.js CHANGED Viewed

@@ -16,3 +16,4 @@ export class GridContainer {
     };
   }
 }
+//# sourceMappingURL=grid-container.js.map

package/dist/collection/components/grid-container/grid-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"grid-container.js","sourceRoot":"","sources":["../../../src/components/grid-container/grid-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAO3C,MAAM,OAAO,aAAa;EACxB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAE/C,OAAO,CACL,WAAK,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;MACnC,eAAQ,CACJ,CACP,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-grid-container\",\n styleUrl: \"grid-container.scss\",\n shadow: false,\n})\nexport class GridContainer {\n render() {\n const classAttributes = [\"hy-grid--container\"];\n\n return (\n <div class={classAttributes.join(\" \")}>\n <slot />\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/grid-item/grid-item.js CHANGED Viewed

@@ -125,3 +125,4 @@ export class GridItem {
     };
   }
 }
+//# sourceMappingURL=grid-item.js.map

package/dist/collection/components/grid-item/grid-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"grid-item.js","sourceRoot":"","sources":["../../../src/components/grid-item/grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAO/F,MAAM,OAAO,QAAQ;;mBACY,WAAW,CAAC,OAAO;qBACf,aAAa,CAAC,OAAO;qBACrB,aAAa,CAAC,OAAO;wBACd,iBAAiB,CAAC,OAAO;;EAEnE,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,cAAc;MACd,gBAAgB,IAAI,CAAC,SAAS,KAAK;MACnC,gBAAgB,IAAI,CAAC,OAAO,EAAE;MAC9B,gBAAgB,IAAI,CAAC,SAAS,KAAK;MACnC,kBAAkB,IAAI,CAAC,YAAY,EAAE;KACtC,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;MACpC,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-grid-item\",\n styleUrl: \"grid-item.scss\",\n shadow: false,\n})\nexport class GridItem {\n @Prop() columns: GridColumns = GridColumns.default;\n @Prop() columnssm: GridColumnsSm = GridColumnsSm.default;\n @Prop() columnslg: GridColumnsLg = GridColumnsLg.default;\n @Prop() contentalign: GridAlignVariants = GridAlignVariants.default;\n\n render() {\n const classAttributes = [\n \"hy-grid-item\",\n `hy-grid__col-${this.columnssm}-sm`,\n `hy-grid__col-${this.columns}`,\n `hy-grid__col-${this.columnslg}-lg`,\n `hy-grid-align__${this.contentalign}`,\n ];\n\n return (\n <Host class={classAttributes.join(\" \")}>\n <slot />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/grid-row/grid-row.js CHANGED Viewed

@@ -16,3 +16,4 @@ export class GridRow {
     };
   }
 }
+//# sourceMappingURL=grid-row.js.map

package/dist/collection/components/grid-row/grid-row.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"grid-row.js","sourceRoot":"","sources":["../../../src/components/grid-row/grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,OAAO;EAClB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;MACpC,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-grid-row\",\n styleUrl: \"grid-row.scss\",\n shadow: false,\n})\nexport class GridRow {\n render() {\n const classAttributes = [\"hy-grid__row\"];\n return (\n <Host class={classAttributes.join(\" \")}>\n <slot />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/heading/heading.js CHANGED Viewed

@@ -189,3 +189,4 @@ export class Heading {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=heading.js.map

package/dist/collection/components/heading/heading.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {HeadingSectionVariants, HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-heading\",\n styleUrls: {default: \"heading.scss\", wide: \"heading-fw.scss\"},\n scoped: false,\n shadow: false,\n})\nexport class Heading {\n /**\n * @type {*}\n */\n @Prop() heading: HeadingVarians = HeadingVarians.default as any;\n @Prop() isSearch: boolean = false;\n /**\n * @type {*}\n */\n @Prop() section: HeadingSectionVariants = HeadingSectionVariants.default as any;\n @Prop() negative: boolean = false;\n @Prop() headerstyle: string = \"common\";\n @Prop({reflect: true}) hyphenatedText?: string;\n @Element() el: HTMLElement;\n @State() hasChildren: boolean = true;\n\n 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 if (this.el.parentElement.classList.contains(\"hy-hero__title-container\")) {\n this.hasChildren = false;\n }\n }\n\n render() {\n const headingInVariants = this.heading in HeadingVarians;\n const classAttributes = [\n \"hy-heading\",\n this.negative ? \"negative\" : \"\",\n this.isSearch ? \"hy-heading__search\" : \"\",\n this.isSearch ? `hy-heading__search__${this.headerstyle}` : \"\",\n `hy-heading__${this.section}`,\n `hy-heading__${this.headerstyle}`,\n `hy-heading__${this.section}__${this.headerstyle}`,\n ];\n\n const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(\" \");\n\n const containerSectionClass = [\n \"hy-heading__container\",\n `hy-heading__container__${this.section}`,\n `hy-heading__container__${this.headerstyle}`,\n ].join(\" \");\n\n return (\n <Host>\n {headingInVariants ? (\n [\n <div class={containerSectionClass}>\n {this.hyphenatedText && !this.hasChildren ? (\n <this.heading class={classAttributes.join(\" \")} innerHTML={this.hyphenatedText}></this.heading>\n ) : (\n <this.heading class={classAttributes.join(\" \")}>\n <slot />\n </this.heading>\n )}\n\n <span class={sectionClassAttributes}></span>\n </div>,\n ]\n ) : (\n <div class={containerSectionClass}>\n {this.hyphenatedText && !this.hasChildren ? (\n <HeadingVarians.default class={classAttributes.join(\" \")}>\n <span innerHTML={this.hyphenatedText}></span>\n </HeadingVarians.default>\n ) : (\n <HeadingVarians.default class={classAttributes.join(\" \")}>\n <span>\n <slot />\n </span>\n </HeadingVarians.default>\n )}\n\n <span class={sectionClassAttributes}></span>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js CHANGED Viewed

@@ -140,3 +140,4 @@ export class HyAnchorLinkList {
       }];
   }
 }
+//# sourceMappingURL=hy-anchor-link-list.js.map

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-anchor-link-list.js","sourceRoot":"","sources":["../../../src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, State, Listen} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\nexport interface AnchorItem {\n title: string;\n url: string;\n}\n\n@Component({\n tag: \"hy-anchor-link-list\",\n styleUrl: \"hy-anchor-link-list.scss\",\n shadow: false,\n})\nexport class HyAnchorLinkList {\n private _anchorItems: AnchorItem[];\n\n /**\n * Title for content list button\n */\n @Prop() listTitle?: string;\n /**\n * Open state label\n */\n @Prop() openLabel?: string;\n /**\n * Close state label\n */\n @Prop() closeLabel?: string;\n /**\n * Array of anchor items\n */\n @Prop() anchorItems: AnchorItem[] | string;\n\n @State() isOpen: boolean = false;\n\n async componentWillLoad() {\n this._anchorItems = await jsonParserWorker(this.anchorItems);\n }\n\n @Listen(\"handleLinkClick\")\n handleLinkClick(e) {\n const targetId = e.target.getAttribute(\"href\");\n if (targetId) {\n const targetElement = document.getElementById(targetId.substring(1));\n const targetRect = targetElement.getBoundingClientRect();\n window.scrollTo({top: window.scrollY + targetRect.top - 100, behavior: \"smooth\"});\n targetElement.setAttribute(\"tabIndex\", \"-1\");\n targetElement.focus({preventScroll: true});\n }\n e.preventDefault();\n e.stopPropagation();\n }\n\n render() {\n const classAttributes = [\"hy-anchor-link-list\"].join(\" \");\n const buttonClasses = {\n \"hy-anchor-link-list__button\": true,\n \"is-open\": this.isOpen,\n };\n const containerClasses = {\n \"hy-anchor-link-list__container\": true,\n \"is-open\": this.isOpen,\n };\n const items = this._anchorItems as Array<AnchorItem>;\n\n return (\n <Host class={classAttributes}>\n <button aria-label={this.listTitle} onClick={() => (this.isOpen = !this.isOpen)} class={buttonClasses}>\n <span class=\"hy-anchor-link-list__button--title\">\n <hy-icon icon={\"hy-icon-bullet-list\"} size={18} fill={\"var(--brand-main)\"} />\n {this.listTitle}\n </span>\n <span class=\"hy-anchor-link-list__button--label\">\n {this.isOpen ? this.closeLabel : this.openLabel}\n <hy-icon class=\"label-close-icon\" icon={\"hy-icon-caret-down\"} size={16} fill={\"var(--brand-main)\"} />\n </span>\n </button>\n <div aria-hidden={this.isOpen ? \"false\" : \"true\"} class={containerClasses}>\n {items &&\n items.map((item) => (\n <a class=\"hy-anchor-link-list__item\" href={item.url} onClick={this.handleLinkClick}>\n <hy-icon icon={\"hy-icon-arrow-down\"} size={12} fill={\"var(--brand-main)\"} />\n {item.title}\n </a>\n ))}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-badge/hy-badge.js CHANGED Viewed

@@ -42,3 +42,4 @@ export class HyBadge {
     };
   }
 }
+//# sourceMappingURL=hy-badge.js.map

package/dist/collection/components/hy-badge/hy-badge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-badge.js","sourceRoot":"","sources":["../../../src/components/hy-badge/hy-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAO3E,MAAM,OAAO,OAAO;;mBAC6C,SAAS;;EAExE,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnD,OAAO,CACL,EAAC,IAAI;MACH,YAAM,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,eAAa,CACR,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Host, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-badge\",\n styleUrl: \"hy-badge.scss\",\n shadow: true,\n})\nexport class HyBadge implements ComponentInterface {\n @Prop() variant: \"primary\" | \"warn\" | \"success\" | \"disabled\" = \"primary\";\n\n render() {\n const classAttributes = [\"hy-badge\", this.variant];\n return (\n <Host>\n <span class={classAttributes.join(\" \")}>\n <slot></slot>\n </span>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-banner/hy-banner.js CHANGED Viewed

@@ -173,3 +173,4 @@ export class HyBanner {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-banner.js.map

package/dist/collection/components/hy-banner/hy-banner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-banner.js","sourceRoot":"","sources":["../../../src/components/hy-banner/hy-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAOxD,MAAM,OAAO,QAAQ;;;2BAEe,IAAI;;;;uBAIR,QAAQ;sBACR,KAAK;;EAGnC,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,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,cAAc,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAElG,MAAM,oBAAoB,GAAG,CAAC,2BAA2B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG;MACpB,kCAAkC;MAClC,qCAAqC,IAAI,CAAC,WAAW,EAAE;MACvD,IAAI,CAAC,WAAW;KACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,MAAM,mBAAmB,GAAG;MAC1B,wCAAwC;MACxC,2CAA2C,IAAI,CAAC,WAAW,EAAE;MAC7D,IAAI,CAAC,WAAW;KACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAAC;IAEjD,OAAO,CACL,EAAC,IAAI;MACH,cAAQ,EAAE,EAAC,sBAAsB,GAAG;MACpC,WAAK,KAAK,EAAE,aAAa;QACvB;UACE,WAAK,KAAK,EAAE,oBAAoB;YAC9B,WAAK,KAAK,EAAE,aAAa,IAAG,IAAI,CAAC,SAAS,CAAO;YACjD,WAAK,KAAK,EAAE,mBAAmB,IAAG,IAAI,CAAC,eAAe,CAAO;YAC5D,IAAI,CAAC,GAAG,IAAI,CACX,WAAK,KAAK,EAAC,iCAAiC;cAC1C,qCACgB,IAAI,CAAC,QAAQ,cACjB,IAAI,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,CAAC,GAAG,iBACA,IAAI,CAAC,UAAU,EAC5B,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CACG,CACkB,CACtB;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Prop, h, Host} from \"@stencil/core\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-banner\",\n styleUrl: \"hy-banner.scss\",\n shadow: false,\n})\nexport class HyBanner {\n @Prop() textTitle?: string;\n @Prop() textDescription: string = null;\n @Prop() url?: string;\n @Prop() scLabel?: string;\n @Prop() urlTitle?: string;\n @Prop() headerstyle: string = \"common\";\n @Prop() isExternal: boolean = false;\n @Element() el: HTMLElement;\n\n 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 render() {\n const hyBannerClass = [\"hy-banner\", `hy-banner__${this.headerstyle}`, this.headerstyle].join(\" \");\n\n const hyBannerWrapperClass = [\"hy-banner__info-container\"].join(\" \");\n const hyBannerTitle = [\n \"hy-banner__info-container__title\",\n `hy-banner__info-container__title__${this.headerstyle}`,\n this.headerstyle,\n ].join(\" \");\n const hyBannerDescription = [\n \"hy-banner__info-container__description\",\n `hy-banner__info-container__description__${this.headerstyle}`,\n this.headerstyle,\n ].join(\" \");\n\n const variant = CtaLinkButtonVariants.onBlueBkgd;\n\n return (\n <Host>\n <hy-box pt=\"1.25, 1.25, 1.5, 2.5\" />\n <div class={hyBannerClass}>\n <hy-main-content-wrapper>\n <div class={hyBannerWrapperClass}>\n <div class={hyBannerTitle}>{this.textTitle}</div>\n <div class={hyBannerDescription}>{this.textDescription}</div>\n {this.url && (\n <div class=\"hy-banner__info-container__link\">\n <hy-cta-button\n link-content={this.urlTitle}\n sc-label={this.scLabel}\n url={this.url}\n is-external={this.isExternal}\n variant={variant}\n />\n </div>\n )}\n </div>\n </hy-main-content-wrapper>\n </div>\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-box/hy-box.js CHANGED Viewed

@@ -464,3 +464,4 @@ export class HyBox {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-box.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-box.js","sourceRoot":"","sources":["../../../src/components/hy-box/hy-box.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/hy-box-container/hy-box-container.js CHANGED Viewed

@@ -65,3 +65,4 @@ export class HyBoxContainer {
     };
   }
 }
+//# sourceMappingURL=hy-box-container.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-box-container.js","sourceRoot":"","sources":["../../../src/components/hy-box-container/hy-box-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,GAAG,EAAC,MAAM,SAAS,CAAC;AAO5B,MAAM,OAAO,cAAc;;gBAID,IAAI;oBAIA,IAAI;;EAChC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAC;MAChF,WACE,KAAK,EAAE,GAAG,CAAA;;;yBAGK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;yBAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;WAC9C;QAED,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.js CHANGED Viewed

@@ -115,3 +115,4 @@ export class HyBreadcrumbs {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-breadcrumbs.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAO3D,MAAM,OAAO,aAAa;;;mBAGc,kBAAkB,CAAC,OAAc;uBACzC,cAAc;oBAEf,KAAK;;EAGlC,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EAC3D,CAAC;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;EACH,CAAC;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,OAAO,CACL,yBAAgB,YAAY,EAAC,IAAI,EAAC,YAAY,qBAAiB,mBAAmB,EAAC,KAAK,EAAE,gBAAgB;MACxG,UAAI,KAAK,EAAC,sBAAsB,IAC7B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;UACvB,OAAO,CACL,UAAI,KAAK,EAAC,iBAAiB;YACzB,SAAG,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAC5C,IAAI,CAAC,IAAI,CACR;YACJ,eAAS,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnF,CACN,CAAC;SACH;aAAM;UACL,OAAO,CACL,UAAI,KAAK,EAAC,0CAA0C;YAClD,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,kBAAe,MAAM,IACnC,IAAI,CAAC,IAAI,CACR,CACD,CACN,CAAC;SACH;MACH,CAAC,CAAC,CACC,CACD,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/hy-checkbox/hy-checkbox.js CHANGED Viewed

@@ -124,3 +124,4 @@ export class HyCheckbox {
     };
   }
 }
+//# sourceMappingURL=hy-checkbox.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-checkbox.js","sourceRoot":"","sources":["../../../src/components/hy-checkbox/hy-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAOnD,MAAM,OAAO,UAAU;;;;;2BAgBc,KAAK;mBAIJ,gBAAgB,CAAC,OAAO;;EAE5D,MAAM;IACJ,QAAQ,IAAI,CAAC,OAAO,EAAE;MACpB,KAAK,QAAQ;QACX,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,qBAAqB;UAC/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;UACF,aAAO,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE;YACpE,IAAI,CAAC,aAAa;YACnB,YAAM,KAAK,EAAC,gCAAgC;cAC1C,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACjG,CACD,CACH,CACR,CAAC;MAEJ;QACE,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa;UACvB,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;UACF,aAAO,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE;YAC7D,YAAM,KAAK,EAAC,wBAAwB;cAClC,eAAS,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACzF;YACN,IAAI,CAAC,aAAa,CACb,CACH,CACR,CAAC;KACL;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/hy-collaboration/hy-collaboration.js CHANGED Viewed

@@ -111,3 +111,4 @@ export class HyCollaboration {
     };
   }
 }
+//# sourceMappingURL=hy-collaboration.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-collaboration.js","sourceRoot":"","sources":["../../../src/components/hy-collaboration/hy-collaboration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,eAAe;;;;;;;;EAO1B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB;MAC3B,cAAQ,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,eAAe;QACzD,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CAC5C;MACT,WAAK,KAAK,EAAC,2BAA2B;QACpC,SAAG,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,eAAe,CAAK;QAClE,IAAI,CAAC,OAAO,IAAI,CACf,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAC,wBAAwB;UAClD,IAAI,CAAC,SAAS;UACf,2BAAkB,MAAM;YACtB,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACL,CACL,CACG,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -93,3 +93,4 @@ export class HyCrisisBanner {
     };
   }
 }
+//# sourceMappingURL=hy-crisis-banner.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-crisis-banner.js","sourceRoot":"","sources":["../../../src/components/hy-crisis-banner/hy-crisis-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,cAAc;;;;;;;EAMzB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO;MACzC,WAAK,KAAK,EAAC,6BAA6B;QACtC,WAAK,KAAK,EAAC,6BAA6B;UACtC,eAAS,KAAK,EAAE,kCAAkC,EAAE,IAAI,EAAE,eAAe,GAAI,CACzE;QACN,WAAK,KAAK,EAAC,mCAAmC;UAC5C,WAAK,KAAK,EAAC,2BAA2B;YACpC,UAAI,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAM;YAC1D,IAAI,CAAC,iBAAiB,IAAI,CACzB,WAAK,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,GAAQ,CACrF,CACG;UACL,IAAI,CAAC,OAAO,IAAI,CACf,SAAG,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO;YACjD,IAAI,CAAC,SAAS;YACf,eAAS,KAAK,EAAE,6BAA6B,EAAE,IAAI,EAAE,wBAAwB,GAAI,CAC/E,CACL,CACG,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/hy-dropdown/hy-dropdown.js CHANGED Viewed

@@ -253,3 +253,4 @@ export class HyDropdown {
       }];
   }
 }
+//# sourceMappingURL=hy-dropdown.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-dropdown.js","sourceRoot":"","sources":["../../../src/components/hy-dropdown/hy-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -84,3 +84,4 @@ export class HyDropdownPanelItem {
     };
   }
 }
+//# sourceMappingURL=hy-dropdown.panel.item.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-dropdown.panel.item.js","sourceRoot":"","sources":["../../../src/components/hy-dropdown/hy-dropdown.panel.item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAMjD,MAAM,OAAO,mBAAmB;;kBACH,KAAK;;;;;EAKhC,MAAM;IACJ,OAAO,CACL,UAAI,KAAK,EAAE,2BAA2B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;MAClE,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;MACF,aAAO,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE;QAChE,IAAI,CAAC,iBAAiB;QACvB,eAAS,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACxF,CACL,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -29,3 +29,4 @@ export class HyDropdownPanel {
     };
   }
 }
+//# sourceMappingURL=hy-dropdown.panel.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-dropdown.panel.js","sourceRoot":"","sources":["../../../src/components/hy-dropdown/hy-dropdown.panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAMjD,MAAM,OAAO,eAAe;;;;EAG1B,MAAM;IACJ,OAAO,CACL,UACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,sBAAsB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,iBAClD,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,EACxC,IAAI,EAAC,QAAQ,qBACG,gBAAgB;MAEhC,eAAQ,CACL,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -209,3 +209,4 @@ export class HyEventItem {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-event-item.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-event-item.js","sourceRoot":"","sources":["../../../src/components/hy-event-item/hy-event-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,WAAW;;;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;EACH,CAAC;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG;MACvB,iBAAiB;MACjB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB;MAClE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;KAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ;MACzD,WAAK,KAAK,EAAC,4BAA4B;QACrC,WAAK,KAAK,EAAC,gCAAgC;UACzC,YAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,SAAS,CAAQ;UACjE,IAAI,CAAC,MAAM,IAAI,CACd,YAAM,KAAK,EAAC,yBAAyB;YACnC,eAAS,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAY,CAClD,CACR,CACG;QACN,WAAK,KAAK,EAAC,0BAA0B;UACnC,WAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,UAAU,CAAO;UAC3D,WAAK,KAAK,EAAC,uBAAuB;YAC/B,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,KAAK,EAAC,yDAAyD;cAClE,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY;cAClD,IAAI,CAAC,QAAQ,CACV,CACP;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,KAAK,EAAC,uDAAuD;cAChE,eAAS,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAY;cACpD,IAAI,CAAC,QAAQ,CACV,CACP;YACA,IAAI,CAAC,IAAI,IAAI,CACZ,WAAK,KAAK,EAAC,mDAAmD;cAC5D,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY;cAClD,IAAI,CAAC,IAAI,CACN,CACP;YACD,YAAM,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,aAAa,CAAQ,CAChE,CACF;QACN,YAAM,KAAK,EAAC,2BAA2B,iBAAa,MAAM;UACxD,eAAS,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnD,CACH,CACJ,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/hy-events/hy-events.js CHANGED Viewed

@@ -214,3 +214,4 @@ export class HyEvents {
       }];
   }
 }
+//# sourceMappingURL=hy-events.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-events.js","sourceRoot":"","sources":["../../../src/components/hy-events/hy-events.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -48,3 +48,4 @@ export class HyFilterGroupItem {
     };
   }
 }
+//# sourceMappingURL=hy-filter-group.item.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-group.item.js","sourceRoot":"","sources":["../../../src/components/hy-filter-group/hy-filter-group.item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAM/C,MAAM,OAAO,iBAAiB;;;;;EAI5B,MAAM;IACJ,OAAO,CACL,UAAI,KAAK,EAAC,yBAAyB;MACjC,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,yBAAyB,gBAAa,YAAY,IAAI,CAAC,oBAAoB,EAAE;QACtG,IAAI,CAAC,oBAAoB;QAC1B,eACE,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAE,EAAE,iBACI,MAAM,EAClB,IAAI,EAAE,YAAY,CAAC,SAAS,GAC5B,CACK;MACT,eAAQ,CACL,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -83,3 +83,4 @@ export class HyFilterGroup {
       }];
   }
 }
+//# sourceMappingURL=hy-filter-group.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-group.js","sourceRoot":"","sources":["../../../src/components/hy-filter-group/hy-filter-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAY9D,MAAM,OAAO,aAAa;;;;;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;EACH,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;EACjD,CAAC;EAED,kEAAkE;EAClE,oBAAoB,CAAC,EAAE;IACrB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;EAClB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB;MAC3B,UAAI,KAAK,EAAC,0BAA0B;QAClC;UACE,UAAI,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,gBAAgB,CAAM,CAC5D;QACJ,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7C,oDACwB,EAAE,6BACC,KAAK,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,GACtB,CACzB,CAAC,CACC,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -66,3 +66,4 @@ export class HyFilterListType {
     };
   }
 }
+//# sourceMappingURL=hy-filter-list-type.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-list-type.js","sourceRoot":"","sources":["../../../src/components/hy-filter-list-type/hy-filter-list-type.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAOpD,MAAM,OAAO,gBAAgB;;;;;EAI3B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,sBAAsB;MAC/B,gBAAO,IAAI,CAAC,WAAW,CAAQ;MAC/B,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;UACL,gBAAgB,EAAE,IAAI;UACtB,4BAA4B,EAAE,IAAI;UAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;SACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ;QAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG;MACT,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;UACL,gBAAgB,EAAE,IAAI;UACtB,4BAA4B,EAAE,IAAI;UAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;SACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ;QAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,CACL,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -44,3 +44,4 @@ export class HyFilterVisibilityTool {
     };
   }
 }
+//# sourceMappingURL=hy-filter-visibility-tool.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-visibility-tool.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,sBAAsB;;;;EAGjC,MAAM;IACJ,QAAQ,IAAI,CAAC,wBAAwB,EAAE;MACrC,KAAK,QAAQ;QACX,OAAO,CACL,EAAC,IAAI;UACH,2CAAoC,CAC/B,CACR,CAAC;MAEJ,KAAK,OAAO;QACV,OAAO,CACL,EAAC,IAAI;UACH,0CAAmC,CAC9B,CACR,CAAC;KACL;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -5,3 +5,4 @@ export class HyFilterVisibilityToolReset {
   }
   static get is() { return "hy-filter-visibility-tool-reset"; }
 }
+//# sourceMappingURL=hy-filter-visibility-tool.reset.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-visibility-tool.reset.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAM3C,MAAM,OAAO,2BAA2B;EACtC,MAAM;IACJ,OAAO,CACL,cAAQ,KAAK,EAAC,4DAA4D,EAAC,IAAI,EAAC,QAAQ;MACtF,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;sBAEjG,CACV,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-filter-visibility-tool-reset\",\n shadow: false,\n})\nexport class HyFilterVisibilityToolReset {\n render() {\n return (\n <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--reset\" type=\"button\">\n <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-remove\"} size={14} aria-hidden=\"true\" />\n Reset filters\n </button>\n );\n }\n}\n"]}

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

@@ -5,3 +5,4 @@ export class HyFilterVisibilityToolToggle {
   }
   static get is() { return "hy-filter-visibility-tool-toggle"; }
 }
+//# sourceMappingURL=hy-filter-visibility-tool.reset.toggle.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-filter-visibility-tool.reset.toggle.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAMjD,MAAM,OAAO,4BAA4B;EACvC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ;QAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;4BAE/F;MACT,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ;QAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;4BAEhG,CACJ,CACR,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import {Component, h, Host} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-filter-visibility-tool-toggle\",\n shadow: false,\n})\nexport class HyFilterVisibilityToolToggle {\n render() {\n return (\n <Host>\n <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-more\" type=\"button\">\n <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-plus\"} size={12} aria-hidden=\"true\" />\n Show more filters\n </button>\n <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-less\" type=\"button\">\n <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={\"hy-icon-minus\"} size={12} aria-hidden=\"true\" />\n Show less filters\n </button>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-general-list/hy-general-list.js CHANGED Viewed

@@ -167,3 +167,4 @@ export class HyGeneralList {
       }];
   }
 }
+//# sourceMappingURL=hy-general-list.js.map

package/dist/collection/components/hy-general-list/hy-general-list.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-general-list.js","sourceRoot":"","sources":["../../../src/components/hy-general-list/hy-general-list.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface ListItemValue {\n description: string;\n id: string;\n imageAlt: string;\n imageUrl: string;\n label: string;\n subLabel: string;\n date: string;\n tag: string;\n title: string;\n type: string;\n url: string;\n target: boolean;\n}\n\nimport {Component, Element, h, Prop, State, Host, Watch} from \"@stencil/core\";\nimport {GeneralListTypes} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n tag: \"hy-general-list\",\n styleUrl: \"hy-general-list.scss\",\n shadow: false,\n})\nexport class HyGeneralList {\n @Prop() type: GeneralListTypes = GeneralListTypes.list;\n @Prop() blank: boolean = true;\n @Prop() dataItems: ListItemValue[] | string;\n @Prop() truncateDescription: boolean = true;\n @Prop() truncateLimit: number = 140;\n private _dataItems: ListItemValue[];\n @Element() el: HTMLElement;\n @State() hasSidebar: boolean = false;\n\n async componentWillLoad() {\n this._dataItems = await jsonParserWorker(this.dataItems);\n\n const hyMainDiv = this.el.closest(\".hy-main\");\n if (hyMainDiv) {\n if (hyMainDiv.classList.contains(\"with-sidebar\")) {\n this.hasSidebar = true;\n }\n }\n }\n\n @Watch(\"dataItems\")\n async watchPropHandler(newValue: string | number, oldValue: string | number) {\n if (newValue !== oldValue) {\n this._dataItems = await jsonParserWorker(this.dataItems);\n }\n }\n\n render() {\n const classAttributes = [\n \"hy-general-list\",\n this.hasSidebar ? \"hy-general-list--with-sidebar\" : \"\",\n `hy-general-list--style-${this.type}`,\n ].join(\" \");\n\n let listData = this._dataItems;\n if (typeof this._dataItems === \"object\") {\n listData = Object.values(this._dataItems);\n }\n\n function truncate(str, n) {\n return str.length > n ? str.substr(0, n - 1) + \"...\" : str;\n }\n\n return (\n <Host>\n <ul class={classAttributes}>\n {listData &&\n listData.map((item) => (\n <li>\n <hy-general-list-item\n has-sidebar={this.hasSidebar}\n target={this.blank}\n data-location={item.url}\n description={\n this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description\n }\n id={item.id}\n imageAlt={item.imageAlt}\n imageUrl={item.imageUrl}\n item-title={item.title}\n label={item.label}\n sub-label={item.subLabel}\n tag={item.tag}\n date={item.date}\n type={item.type}\n url={item.url}\n list-style={this.type}\n ></hy-general-list-item>\n </li>\n ))}\n </ul>\n <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js CHANGED Viewed

@@ -297,3 +297,4 @@ export class HyGeneralListItem {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-general-list-item.js.map

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-general-list-item.js","sourceRoot":"","sources":["../../../src/components/hy-general-list-item/hy-general-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,iBAAiB;;sBACE,IAAI;;oBAEP,EAAE;oBACF,IAAI;uBACA,KAAK;;;oBAGT,EAAE;gBACN,EAAE;eACH,EAAE;;;;kBAIE,IAAI;;EAI9B,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,sBAAsB,EAAE,+BAA+B,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5G,MAAM,sBAAsB,GAAG,CAAC,sCAAsC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClF,MAAM,oBAAoB,GAAG,CAAC,uCAAuC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjF,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAC1D,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,EAAE,gCAAgC,YAAY,EAAE,CAAC,CAAC,IAAI,CAC/G,GAAG,CACJ,CAAC;IACF,MAAM,0BAA0B,GAAG;MACjC,mCAAmC;MACnC,sCAAsC,YAAY,EAAE;KACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC5B,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,GAAG,GAAG,CAAC;IAC5D,MAAM,WAAW,GAAG;MAClB,eAAe,EAAE,GAAG,MAAM,GAAoB;KAC/C,CAAC;IAEF,OAAO,CACL,eAAS,KAAK,EAAE,eAAe;MAC7B,SAAG,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QAC3F,IAAI,CAAC,IAAI,IAAI,CACZ,WAAK,KAAK,EAAC,4BAA4B;UACrC,YAAM,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAQ;UACnE,YAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAChE,CACP;QACA,IAAI,CAAC,QAAQ,IAAI,CAChB,cAAQ,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,WAAW;UACrD,WACE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,6BAA6B,EACnC,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACK,CACV;QACD,WAAK,KAAK,EAAE,sBAAsB;UAC/B,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAC1B,YAAM,KAAK,EAAC,6BAA6B;YACtC,IAAI,CAAC,GAAG;YACT,YAAM,KAAK,EAAC,mCAAmC;cAC5C,IAAI,CAAC,GAAG,IAAI,GAAG;;cAAG,IAAI,CAAC,IAAI,CACvB,CACF,CACR;UACD,UAAI,KAAK,EAAE,oBAAoB,IAAG,IAAI,CAAC,SAAS,CAAM;UACtD,SAAG,KAAK,EAAE,0BAA0B,IAAG,IAAI,CAAC,WAAW,CAAK,CACxD,CACJ,CACI,CACX,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Prop} from \"@stencil/core\";\n\n@Component({\n tag: \"hy-general-list-item\",\n styleUrl: \"hy-general-list-item.scss\",\n shadow: false,\n})\nexport class HyGeneralListItem {\n @Prop() hasSidebar: boolean = true;\n @Prop() description?: string;\n @Prop() imageAlt: string = \"\";\n @Prop() imageUrl: string = null;\n @Prop() disableLazy: boolean = false;\n @Prop() itemTitle?: string;\n @Prop() label?: string;\n @Prop() subLabel: string = \"\";\n @Prop() date: string = \"\";\n @Prop() tag: string = \"\";\n @Prop() type?: string;\n @Prop() url?: string;\n @Prop() listStyle?: string;\n @Prop() target: boolean = true;\n\n @Element() el: HTMLElement;\n\n render() {\n const classAttributes = [\"hy-general-list-item\", `hy-general-list-item--style-${this.listStyle}`].join(\" \");\n const contentClassAttributes = [\"hy-general-list-item__text-container\"].join(\" \");\n const imageClassAttributes = [\"hy-general-list-item__image-container\"].join(\" \");\n\n const sidebarClass = this.hasSidebar ? \"common\" : \"large\";\n const titleClassAttributes = [\"hy-general-list-item__title\", `hy-general-list-item__title__${sidebarClass}`].join(\n \" \"\n );\n const descriptionClassAttributes = [\n \"hy-general-list-item__description\",\n `hy-general-list-item__description__${sidebarClass}`,\n ].join(\" \");\n\n const aspectRatioWidth = 16;\n const aspectRatioHeight = 10;\n const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n const aspectRatio = {\n \"--aspectRatio\": `${aspect}%` as \"aspectRatio\",\n };\n\n return (\n <article class={classAttributes}>\n <a class=\"hy-general-list-item__link\" href={this.url} target={this.target ? \"_blank\" : \"_self\"}>\n {this.type && (\n <div class=\"hy-general-list-item__type\">\n <span class=\"hy-general-list-item__type__major\">{this.label}</span>\n <span class=\"hy-general-list-item__type__sub\">{this.subLabel}</span>\n </div>\n )}\n {this.imageUrl && (\n <figure class={imageClassAttributes} style={aspectRatio}>\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n alt={this.imageAlt}\n class=\"hy-general-list-item__image\"\n src={this.imageUrl}\n />\n </figure>\n )}\n <div class={contentClassAttributes}>\n {(this.tag || this.date) && (\n <span class=\"hy-genenral-list-item__meta\">\n {this.tag}\n <span class=\"hy-genenral-list-item__meta__date\">\n {this.tag && \"|\"} {this.date}\n </span>\n </span>\n )}\n <h3 class={titleClassAttributes}>{this.itemTitle}</h3>\n <p class={descriptionClassAttributes}>{this.description}</p>\n </div>\n </a>\n </article>\n );\n }\n}\n"]}

package/dist/collection/components/hy-hero/hy-hero.js CHANGED Viewed

@@ -398,3 +398,4 @@ export class HyHero {
   }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-hero.js.map

package/dist/collection/components/hy-hero/hy-hero.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hy-hero.js","sourceRoot":"","sources":["../../../src/components/hy-hero/hy-hero.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface ImageSrcSet {\n src: any;\n media: string;\n type: string;\n sizes: string | null;\n}\nlet timeout = null;\nlet delay = 250;\n\nimport {Component, Element, h, Host, Prop} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\nimport {\n CtaLinkButtonVariants,\n HeroColorVariant,\n HeroSizeVariant,\n HeroGroupTypeVariant,\n HeroTypeVariant,\n} from \"../../utils/utils\";\n\n@Component({\n tag: \"hy-hero\",\n styleUrl: \"hy-hero.scss\",\n shadow: false,\n})\nexport class HyHero {\n @Element() el: HTMLElement;\n @Prop() heroType: HeroTypeVariant = HeroTypeVariant.landing;\n @Prop() heroGroupType: HeroGroupTypeVariant = HeroGroupTypeVariant.default;\n @Prop() colorVariant: HeroColorVariant = HeroColorVariant.blue;\n @Prop() sizeVariant: HeroSizeVariant = HeroSizeVariant.large;\n @Prop() image: string;\n @Prop() imageAltText: string = \"\";\n @Prop() disableLazy: boolean = false;\n @Prop() hasShortcuts: boolean = false;\n @Prop() heading: string;\n @Prop() description: string;\n @Prop() url: string;\n @Prop() urlTitle: string;\n @Prop() scLabel?: string;\n @Prop() isExternal: boolean = false;\n private _sourceSet: ImageSrcSet[];\n @Prop() sourceSet: ImageSrcSet[] | string;\n\n async componentWillLoad() {\n this._sourceSet = await jsonParserWorker(this.sourceSet);\n }\n\n handleHeroImageObjectFitValue(heroSizeVariant, heroElement) {\n const heroContentContainerElement = heroElement.getElementsByClassName(\n \"hy-hero__content-container\"\n )[0] as HTMLElement;\n\n if (heroSizeVariant === \"small\") {\n if (heroContentContainerElement.offsetHeight >= 300) {\n heroElement.classList.add(\"has-cover\");\n } else {\n heroElement.classList.remove(\"has-cover\");\n }\n }\n\n if (heroSizeVariant === \"large\") {\n if (heroContentContainerElement.offsetHeight >= 344) {\n heroElement.classList.add(\"has-cover\");\n } else {\n heroElement.classList.remove(\"has-cover\");\n }\n }\n }\n\n render() {\n let variant = CtaLinkButtonVariants.heroWhite;\n let colorVariantValue = this.colorVariant;\n let heroTypeValue = this.heroType;\n\n if (this.heroType === \"minor_landing\") {\n colorVariantValue = HeroColorVariant.white;\n heroTypeValue = HeroTypeVariant.landing;\n }\n\n if (colorVariantValue === HeroColorVariant.blue) {\n variant = CtaLinkButtonVariants.heroBlue;\n }\n\n if (colorVariantValue === HeroColorVariant.black) {\n variant = CtaLinkButtonVariants.heroBlack;\n }\n\n if (!colorVariantValue || colorVariantValue === \"fp_white\") {\n colorVariantValue = HeroColorVariant.white;\n }\n\n const hyHeroClasses = [\n \"hy-hero\",\n `hy-hero--${heroTypeValue}`,\n `hy-hero--${this.heroGroupType}`,\n `hy-hero--${colorVariantValue}`,\n `hy-hero--${this.sizeVariant}`,\n ];\n\n const heroTitleClasses = [\"hy-hero__title\", \"hy-heading__hero\"].join(\" \");\n\n // If there is a Shortcuts block after hero, add the class 'shortcuts' to remove underline.\n if (this.hasShortcuts) {\n hyHeroClasses.push(\"has-shortcuts\");\n }\n\n const aspectRatioWidth = 16;\n const aspectRatioHeight = 10;\n const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n const aspectRatio = {\n \"--aspectRatio\": `${aspect}%` as \"aspectRatio\",\n };\n\n window.onload = () => {\n const heroElement = document.getElementsByClassName(\"hy-hero\")[0] as HTMLElement;\n this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement);\n window.addEventListener(\"resize\", () => {\n clearTimeout(timeout);\n timeout = setTimeout(() => this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement), delay);\n });\n };\n\n if (heroTypeValue === \"front_page\") {\n return (\n <Host>\n <div class={hyHeroClasses.join(\" \")}>\n <div class={`hy-hero__container`}>\n <div class={`hy-hero__image-container`} style={aspectRatio}>\n {this.image &&\n (this._sourceSet ? (\n <picture>\n {this._sourceSet.map((item) => (\n <source\n srcSet={item.src}\n media={item.media}\n type={item.type}\n sizes={item.sizes ? item.sizes : \"\"}\n />\n ))}\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n alt={this.imageAltText}\n class={`hy-image__image`}\n src={this.image}\n />\n </picture>\n ) : (\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n alt={this.imageAltText}\n class={`hy-image__image`}\n src={this.image}\n />\n ))}\n </div>\n <div class={`hy-hero__spacer-box`}></div>\n <div class={`hy-hero__content-container`}>\n <div class={`hy-hero__content`}>\n <div class={`hy-hero__title-container`}>\n <h2 innerHTML={this.heading} class={heroTitleClasses}></h2>\n </div>\n {this.description && <p class={`hy-hero__description`}>{this.description}</p>}\n {this.url && (\n <div class={`hy-hero__actions`}>\n <hy-cta-button\n link-content={this.urlTitle}\n sc-label={this.scLabel}\n url={this.url}\n is-external={this.isExternal}\n variant={variant}\n />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n <hy-box mb=\"2, 2, 1, 1\" />\n </Host>\n );\n }\n\n return (\n <Host>\n <div class={hyHeroClasses.join(\" \")}>\n <div class={`hy-hero__container`}>\n <div class={`hy-hero__image-container`} style={aspectRatio}>\n {this.image &&\n (this._sourceSet ? (\n <picture>\n {this._sourceSet.map((item) => (\n <source\n srcSet={item.src}\n media={item.media}\n type={item.type}\n sizes={item.sizes ? item.sizes : \"\"}\n />\n ))}\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n alt={this.imageAltText}\n class={`hy-image__image`}\n src={this.image}\n />\n </picture>\n ) : (\n <img\n loading={this.disableLazy ? \"eager\" : \"lazy\"}\n alt={this.imageAltText}\n class={`hy-image__image`}\n src={this.image}\n />\n ))}\n </div>\n <div class={`hy-hero__content-container`}>\n <div class={`hy-hero__content`}>\n <div class={`hy-hero__title-container`}>\n <h2 innerHTML={this.heading} class={heroTitleClasses}></h2>\n </div>\n {this.description && <p class={`hy-hero__description`}>{this.description}</p>}\n {this.url && (\n <div class={`hy-hero__actions`}>\n <hy-cta-button\n link-content={this.urlTitle}\n sc-label={this.scLabel}\n url={this.url}\n is-external={this.isExternal}\n variant={variant}\n />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n <hy-box mb=\"2, 2, 1, 1\" />\n </Host>\n );\n }\n}\n"]}