{"version":3,"names":["fadeUpIn","element","classList","add","error","console","kdxCardCss","StCard","constructor","hostRef","this","defaultImg","imgSrc","componentDidRender","window","addEventListener","animation","isOnScreen","root","setTimeout","querySelector","globalThis","imageLoader","initialize","titleHoverIn","e","target","closest","titleHoverOut","remove","render","h","class","layout","classes","style","backgroundImage","role","imgAlt","assetPath","articleTags","JSON","parse","map","tag","href","listingHref","FilterUrl","DisplayName","articleHref","hLevel","heading","onMouseEnter","onMouseLeave","onFocusin","onFocusout","articleAuthor","articleDate","articleTime","ctaPrimaryText","ctaSecondaryText","isLink","Fragment","ctaPrimaryStyle","ctaPrimaryIcon","icon","ctaSecondaryStyle","ctaSecondaryIcon","ctaPrimaryHref","ctaPrimaryTarget","ctaPrimaryAriaLabel","ctaPrimarySpeedbump","ctaSecondaryHref","ctaSecondaryTarget","ctaSecondaryAriaLabel","ctaSecondarySpeedbump"],"sources":["src/global/animation/animation.ts","src/components/cards/kdx-card/kdx-card.scss?tag=kdx-card","src/components/cards/kdx-card/kdx-card.tsx"],"sourcesContent":["/**\r\n * Animation Helpers\r\n */\r\nexport const fadeUpIn = (element) => {\r\n  try {\r\n    element.classList.add('show');\r\n  } catch (error) {\r\n    console.error('\\tCLASS: AnimationHelpers\\n\\tMETHOD: fadeUpIn ', '\\n\\n', `\\t${error}`);\r\n  }\r\n}\r\n\r\nexport const fadeOut = (element) => {\r\n  element.style.opacity = 1;\r\n  (function fade() {\r\n    if ((element.style.opacity -= .1) < 0) {\r\n      element.style.display = 'none';\r\n    } else {\r\n      requestAnimationFrame(fade);\r\n    }\r\n  })();\r\n};\r\n\r\nexport const fadeIn = (element, display) => {\r\n  element.style.opacity = 0;\r\n  element.style.display = display || \"block\";\r\n  (function fade() {\r\n    let val = parseFloat(element.style.opacity);\r\n    if (!((val += .1) > 1)) {\r\n      element.style.opacity = val;\r\n      requestAnimationFrame(fade);\r\n    }\r\n  })();\r\n};",".kdx-card {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tz-index: 3;\t\r\n\ttext-decoration: none;\r\n\tcolor: #000;\r\n\t@include text-size(14);\r\n\t@include line-height(21);\r\n\ttransform: translateY(0);\r\n\t@include transitionDefault(transform);\r\n\tflex: 1 0 0%;\r\n\tmargin: 0 0 $gutter-def;\r\n\theight: 100%;\r\n\ttext-align: left;\r\n\r\n\t.card-img-top {\r\n\t\tposition: relative;\r\n\t\tmin-height: 314px;\r\n\t\tborder-radius: 0;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tbackground: $articleHoverImage;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 2;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: opacity .3s ease-in-out;\r\n\t\t}\r\n\t\t.card-img {\r\n\t\t\tposition: absolute;\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tborder-radius: 0;\r\n\r\n\t\t\tbackground-size: cover;\r\n\t\t\tbackground-position: top left;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t}\r\n\t}\r\n\t&.hover {\r\n\t\t.card-img-top {\r\n\t\t\t&::before { opacity: .5; }\r\n\t\t}\r\n\t}\r\n\t.tags {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 16px;\r\n\t\twidth: 100%;\t\t\t\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\t\t\t\r\n\r\n\t\t.tag {\r\n\t\t\tcolor: #606060;\r\n\t\t\t@include text-size(12);\r\n\t\t\t@include line-height(15);\r\n\t\t\tfont-family: $font-family-secondary;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tbackground: #FFF;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tborder: 1px solid $articleTagBorder;\r\n\t\t\tmargin-right: 5px;\r\n\t\t\tpadding: 3px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\twhite-space: nowrap;\t\t\t\t\r\n\r\n\t\t\t&:nth-child(n+4) { \t\t\t\t\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\t&:nth-child(3):not(:last-child) {\r\n\t\t\t\tposition: relative; \t\t\t\t\r\n\t\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tcontent: '...';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbottom: 5px;\r\n\t\t\t\t\tleft: 100%;\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tmargin-left: 8px;\r\n\t\t\t\t\tcolor: #6E6E6E;\r\n\t\t\t\t\t@include text-size(25);\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\t\t\t\r\n\t\t\t&:last-child { margin-right: 0; }\r\n\t\t\t&:hover, &:focus {\r\n\t\t\t\tbackground: $articleTagHover;\r\n\t\t\t\tborder: 1px solid $articleTagHover;\r\n\t\t\t\tcolor: $articleTagHoverText;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card-title {\t\t\t\t\t\t\r\n\t\t@include text-size(18);\r\n\t\t@include line-height(23);\r\n\t\tfont-weight: 600;\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 8px;\r\n\t\tmargin: 0 0 16px 0;\r\n\t\t\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\tbackground: $articleHeadingBorder;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 28px;\r\n\t\t\theight: 2px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t}\t\t\r\n\t\ta {\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\t&:hover, &:focus {\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\toutline: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.date-time-author {\r\n\t\tdisplay: inline-block;\r\n\t\tfont-weight: 600;\r\n\t\t@include text-size(14);\r\n\t\t@include line-height(19);\t\t\t\r\n\t\tmargin-bottom: 8px;\r\n\r\n\t\t& + .date-time-author {\r\n\t\t\tborder-left: 1px solid #C1C1C1;\r\n\t\t\tpadding-left: 5px;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\t\r\n\t}\r\n\t.card-body {\r\n\t\tpadding: 12px 20px;\r\n\r\n\t\tp:last-of-type { padding: 0; }\r\n\t}\r\n\t.card-footer {\r\n\t\t@include set-bg-color(#FFF);\r\n\t\tborder-color: $gray-lite;\r\n\t\tborder-radius: 0;\r\n\t\tpadding: $gutter-def;\r\n\r\n\t\t.btn {\r\n\t\t\tmargin-right: $gutter-sm;\r\n\r\n\t\t\t&:last-child { margin-right: 0; }\r\n\t\t}\r\n\t\t&:last-child { border-radius: 0; }\r\n\t}\r\n\t&__img-left {\r\n\t\t@extend .kdx-card;\r\n\t\tflex-direction: row;\r\n\r\n\t\t.card-img-top {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 0 45%\r\n\t\t}\r\n\t\t.card-content {\r\n\t\t\tflex: 1 0 55%;\r\n\t\t}\r\n\t}\r\n\t&__img-right {\r\n\t\t@extend .kdx-card;\r\n\t\tflex-direction: row-reverse;\r\n\r\n\t\t.card-img-top {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 1 0 45%\r\n\t\t}\r\n\t\t.card-content {\r\n\t\t\tflex: 1 0 55%;\r\n\t\t}\r\n\t}\r\n\t&.kdx-featured-article {\r\n\t\tmin-height: 452px;\r\n\t\tjustify-content: flex-end;\r\n\t\t\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\theight: 60%;\r\n\t\t\twidth: 100%;\r\n\t\t\tz-index: 2;\r\n\t\t\t/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */\r\n\t\t\tbackground: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */\r\n\t\t\tbackground: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */\r\n\t\t\tbackground: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n\t\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */\r\n\t\t}\r\n\t\t&.hover {\r\n\t\t\t.card-img-top {\r\n\t\t\t\t&::before { display: none; }\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-img-top {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t\t.card-content {\r\n\t\t\tz-index: 3;\r\n\t\t\tflex: 0 1 auto;\r\n\t\t\tcolor: #FFF;\r\n\t\t}\r\n\t\t.tags {\r\n\t\t\t.tag {\r\n\t\t\t\t&:nth-child(3):not(:last-child) { \r\n\t\t\t\t\t&::after { color: #FFF; }\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-body { padding: 32px; }\r\n\t\t.card-title { \t\t\t\t\r\n\t\t\tpadding-bottom: 0;\r\n\t\t\tmargin: 0 0 8px 0;\r\n\r\n\t\t\ta { color: #FFF; }\r\n\t\t\t&::after { display: none; }\r\n\t\t}\r\n\t\t.date-time-author { margin-bottom: 16px; }\r\n\t}\t\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@include media-breakpoint-down(md) {\r\n\t.kdx-card {\r\n\t\t@include text-size(10);\r\n\t\t@include line-height(15);\r\n\r\n\t\t.tags {\r\n\r\n\t\t\t.tag {\r\n\t\t\t\t@include text-size(10);\r\n\t\t\t\t@include line-height(13);\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title {\r\n\t\t\t@include text-size(12);\r\n\t\t\t@include line-height(16);\r\n\t\t\t\r\n\t\t\t&::after {\r\n\t\t\t\tmax-width: 28px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.date-time-author {\r\n\t\t\t@include text-size(10);\r\n\t\t\t@include line-height(14);\r\n\t\t}\r\n\t\t&.kdx-featured-article {\r\n\t\t\tmin-height: 309px;\r\n\t\t\t@include text-size(10);\r\n\t\t\t@include line-height(14);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\ttop: 42%;\r\n\t\t\t}\r\n\r\n\t\t\t.card-body { padding: 20px; }\r\n\t\t}\r\n\t}\r\n}","import { Component, h, Fragment, ComponentInterface, State, Prop, Element } from '@stencil/core';\r\nimport { isOnScreen, _COLORS_ } from 'utils';\r\nimport { fadeUpIn } from 'animation';\r\n\r\ndeclare const assetPath;\r\n\r\n@Component({\r\n\ttag: 'kdx-card',\r\n\tstyleUrl: 'kdx-card.scss',\r\n\tshadow: false\r\n})\r\nexport class StCard implements ComponentInterface {\r\n\r\n\t@Element() root: HTMLElement;\r\n\r\n\t@State() orientation: string;\r\n\r\n\t@Prop() classes: string;\r\n\t@Prop() imgSrc: string;\r\n\t@Prop() imgAlt: string;\r\n\t@Prop() animation: string;\r\n\t@Prop() layout?: 'left' | 'right';\r\n\t@Prop() isLink = false;\r\n\t@Prop() label: string;\r\n\t@Prop() heading: string;\r\n\t@Prop() hLevel: string = 'h3';\r\n\t@Prop() articleTags: string;\r\n\t@Prop() articleDate: string;\r\n\t@Prop() articleTime: string;\r\n\t@Prop() articleAuthor: string;\r\n\t@Prop() articleHref: string;\r\n\t@Prop() listingHref: string = \"/blog\";\r\n\r\n\r\n\t/**\r\n\t * Determines if the default / branded image\r\n\t * should show if no src is explicitly defined\r\n\t */\r\n\t@Prop() defaultImg: boolean = false;\r\n\r\n\t@Prop() ctaPrimaryText: string;\r\n\t@Prop() ctaPrimaryHref: string;\r\n\t@Prop() ctaPrimaryIcon: string;\r\n\t@Prop() ctaPrimaryAriaLabel: string;\r\n\t@Prop() ctaPrimaryStyle: string = \"btn btn-primary\";\r\n\t@Prop() ctaPrimaryTarget: string;\r\n\t@Prop() ctaPrimarySpeedbump: boolean;\r\n\t@Prop({\r\n\t\tmutable: true,\r\n\t\treflect: true\r\n\t}) ctaPrimaryRel;\r\n\r\n\t@Prop() ctaSecondaryText: string;\r\n\t@Prop() ctaSecondaryHref: string;\r\n\t@Prop() ctaSecondaryIcon: string;\r\n\t@Prop() ctaSecondaryAriaLabel: string;\r\n\t@Prop() ctaSecondaryStyle: string = \"btn btn-secondary\";\r\n\t@Prop() ctaSecondaryTarget: string;\r\n\t@Prop() ctaSecondarySpeedbump: boolean;\r\n\t@Prop({\r\n\t\tmutable: true,\r\n\t\treflect: true\r\n\t}) ctaSecondaryRel;\r\n\r\n\tconstructor() {\r\n\t\tthis.defaultImg = this.imgSrc ? false : true;\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\twindow.addEventListener('scroll', () => {\r\n\t\tif (this.animation) {\r\n\t\t\tif (isOnScreen(this.root)) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tfadeUpIn(this.root.querySelector(':scope > .animation'));\r\n\t\t\t}, 175);\r\n\t\t\t}\r\n\t\t}\r\n\t\t});\r\n\r\n\t\tglobalThis.imageLoader?.initialize();\t\t\r\n\t}\r\n\r\n\t// getSlug(str) {\r\n\t// \treturn str.toLowerCase().replace(/ /g, '-').replace(/[^\\w-]+/g, '');\r\n\t// }\r\n\r\n\ttitleHoverIn(e) {\r\n\t\te.target.closest('.kdx-card').classList.add('hover');\r\n\t}\r\n\r\n\ttitleHoverOut(e) {\r\n\t\te.target.closest('.kdx-card').classList.remove('hover');\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t<div class={`kdx-card kdx-card${this.layout ? `__img-${this.layout}` : ''} card${this.animation ? ' animation ' + this.animation : ''}${this.classes ? ` ${this.classes}` : ''}`}>\r\n\t\t\t{(this.imgSrc || this.defaultImg) && (\r\n\t\t\t\t<div class=\"card-img-top\">\r\n\t\t\t\t\t{(this.imgSrc) ? (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"card-img lazy-load-bg\"\r\n\t\t\t\t\t\t\tstyle={{ backgroundImage: `url(${this.imgSrc})` }}\r\n\t\t\t\t\t\t\trole=\"img\"\r\n\t\t\t\t\t\t\taria-label={this.imgAlt}></div>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"card-img lazy-load-bg\"\r\n\t\t\t\t\t\t\tstyle={{ backgroundImage: `url(${assetPath}/img/logo-bg-repeater-blk@2x.png)` }}\r\n\t\t\t\t\t\t\trole=\"presentation\"></div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t<div class=\"card-content\">\r\n\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t{this.articleTags && (\r\n\t\t\t\t\t\t\t<span class=\"tags\">\r\n\t\t\t\t\t\t\t\t{JSON.parse(this.articleTags).map((tag) =>\r\n\t\t\t\t\t\t\t\t\t<a href={`${this.listingHref}${tag.FilterUrl}`} class=\"tag\" aria-label={`click to see all articles and filter by ${tag.DisplayName}`}>{tag.DisplayName}</a>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{this.articleHref \r\n\t\t\t\t\t\t\t? \r\n\t\t\t\t\t\t\t\t<this.hLevel class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t<a href={this.articleHref} aria-label={this.heading} onMouseEnter={this.titleHoverIn} onMouseLeave={this.titleHoverOut} onFocusin={this.titleHoverIn} onFocusout={this.titleHoverOut}>{this.heading}</a>\r\n\t\t\t\t\t\t\t\t</this.hLevel>\r\n\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\t<this.hLevel class=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t{this.heading}\r\n\t\t\t\t\t\t\t\t</this.hLevel>\r\n\t\t\t\t\t\t}\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{this.articleAuthor && <span class=\"author date-time-author\">{this.articleAuthor}</span>}\r\n\t\t\t\t\t\t{this.articleDate && <span class=\"date date-time-author\">{this.articleDate}</span>}\r\n\t\t\t\t\t\t{this.articleTime && <span class=\"time date-time-author\">{this.articleTime}</span>}\r\n\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{(this.ctaPrimaryText || this.ctaSecondaryText) && (\r\n\t\t\t\t\t<div class=\"card-footer ctas\">\r\n\t\t\t\t\t\t{this.isLink\r\n\t\t\t\t\t\t\t? <>\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ctaPrimaryText &&\r\n\t\t\t\t\t\t\t\t\t<span class={this.ctaPrimaryStyle}>\r\n\t\t\t\t\t\t\t\t\t\t{this.ctaPrimaryText}{(this.ctaPrimaryIcon != null) && (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"svg-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<kdx-icon icon={this.ctaPrimaryIcon} />\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ctaSecondaryText &&\r\n\t\t\t\t\t\t\t\t\t<span class={this.ctaSecondaryStyle}>\r\n\t\t\t\t\t\t\t\t\t\t{this.ctaSecondaryText}{(this.ctaSecondaryIcon != null) && (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"svg-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<kdx-icon icon={this.ctaSecondaryIcon} />\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t: <>\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ctaPrimaryText &&\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.ctaPrimaryHref}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.ctaPrimaryTarget}\r\n\t\t\t\t\t\t\t\t\t\taria-label={this.ctaPrimaryAriaLabel}\r\n\t\t\t\t\t\t\t\t\t\tclass={`${this.ctaPrimaryStyle} ${this.ctaPrimarySpeedbump ? 'speedbump-link' : ''}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{this.ctaPrimaryText}{(this.ctaPrimaryIcon != null) && (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"svg-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<kdx-icon icon={this.ctaPrimaryIcon} />\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ctaSecondaryText &&\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref={this.ctaSecondaryHref}\r\n\t\t\t\t\t\t\t\t\t\ttarget={this.ctaSecondaryTarget}\r\n\t\t\t\t\t\t\t\t\t\taria-label={this.ctaSecondaryAriaLabel}\r\n\t\t\t\t\t\t\t\t\t\tclass={`${this.ctaSecondaryStyle} ${this.ctaSecondarySpeedbump ? 'speedbump-link' : ''}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{this.ctaSecondaryText}{(this.ctaSecondaryIcon != null) && (\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"svg-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<kdx-icon icon={this.ctaSecondaryIcon} />\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t);\r\n\t}\r\n}"],"mappings":"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"}