\n \n

\n${ this.has_slot(\"pfe-card--footer\") ? `` : ``}`;\n }\n \n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"lighter\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"observer\":\"_imgSrcChanged\"},\"size\":{\"title\":\"Padding size\",\"type\":\"string\",\"enum\":[\"small\"],\"observer\":\"_basicAttributeChanged\"},\"gradient\":{\"title\":\"Background gradient\",\"type\":\"string\",\"prefixed\":false,\"enum\":[\"miami-vertical\",\"winter-vertical\",\"soft-vertical\",\"sunny-vertical\",\"miami-horizontal\",\"winter-horizontal\",\"soft-horizontal\",\"sunny-horizontal\"],\"observer\":\"_basicAttributeChanged\"},\"shadow\":{\"title\":\"Shadow\",\"type\":\"string\",\"prefixed\":false,\"enum\":[\"light-20\",\"light-40\",\"light-60\",\"light-80\",\"light-100\",\"dark-20\",\"dark-40\",\"dark-60\",\"dark-80\",\"dark-100\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n \n static get slots() {\n return {\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"title\":\"Body item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}},\"footer\":{\"title\":\"Footer\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":3,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-cta\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return 'pfe-card';\n }\n\n get schemaUrl() {\n return 'pfe-card.json';\n }\n\n get templateUrl() {\n return 'pfe-card.html';\n }\n\n get styleUrl() {\n return 'pfe-card.scss';\n }\n\n get imageSrc() {\n return this.getAttribute('pfe-img-src');\n }\n\n get backgroundColor() {\n return this.getAttribute('pfe-color') || 'base';\n }\n\n static get observedAttributes() {\n return ['pfe-color', 'pfe-img-src', 'pfe-size', 'gradient', 'shadow'];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeCard, { type: PfeCard.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback().then(() => {\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged('pfe-img-src', '', this.imageSrc);\n }\n });\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n // Strip the prefix from the attribute\n attr = attr.replace('pfe-', '');\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === 'function') observer(attr, oldValue, newValue);\n }\n }\n\n _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n\n // Update the color attribute and contexts\n _colorChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n // Trigger an update in nested components\n this.context_update();\n }\n\n // Update the background image\n _imgSrcChanged(attr, oldValue, newValue) {\n // Set the image as the background image\n this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;\n }\n}\n\nPFElement.create(PfeCard);\n\nexport { PfeCard as default };\n","/*!\n * PatternFly Elements: PfeCta 2.5.9\n * @license\n * Copyright 2020 Red Hat, Inc.\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * \n*/\n\nimport PFElement from '../../pfelement-onhighway/dist/pfelement.umd';\n\nclass PfeCta extends PFElement {\n static get version() {\n return \"2.5.9\";\n }\n \n get html() {\n return `\n \n \n`;\n }\n \n static get properties() {\n return {\"priority\":{\"title\":\"Priority\",\"type\":\"string\",\"prefixed\":true,\"enum\":[\"primary\",\"secondary\",\"tertiary\",\"floating\"],\"observer\":\"_basicAttributeChanged\"},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"prefixed\":false,\"enum\":[\"sm\"],\"observer\":\"_basicAttributeChanged\"}};\n }\n \n static get slots() {\n return {\"link\":{\"title\":\"Link\",\"type\":\"array\",\"maxItems\":1,\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"a\"},{\"$ref\":\"button\"}]}}};\n }\n static get tag() {\n return 'pfe-cta';\n }\n\n get styleUrl() {\n return 'pfe-cta.scss';\n }\n\n get templateUrl() {\n return 'pfe-cta.html';\n }\n\n get schemaUrl() {\n return 'pfe-cta.json';\n }\n\n get isDefault() {\n return this.hasAttribute('pfe-priority');\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get events() {\n return {\n select: `${this.tag}:select`,\n };\n }\n\n static get observedAttributes() {\n return [...super.observedAttributes, 'pfe-priority', 'size', 'aria-disabled', 'dir'];\n }\n\n static get analyticsEvents() {\n return [...super.analyticsEvents, 'click'];\n }\n\n click(event) {\n this.analyticsLog('click', {\n originalEvent: event,\n originalTarget: event.target,\n });\n\n this.emitEvent(PfeCta.events.select, {\n detail: Object.assign(this.data, {\n originEvent: event,\n originElement: this,\n }),\n });\n }\n\n constructor() {\n super(PfeCta);\n this.cta = null;\n\n this._init = this._init.bind(this);\n this._focusHandler = this._focusHandler.bind(this);\n this._blurHandler = this._blurHandler.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n\n this._propAndAttrAPI.prop.string.define('pfePriority', 'pfe-priority');\n this._propAndAttrAPI.prop.alias.define('ariaDisabled', 'disabled');\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Get the slot\n this._slot = this.shadowRoot.querySelector('slot');\n\n // Attach the slotchange listener\n this._slot.addEventListener('slotchange', this._init);\n\n if (this.children.length) {\n this._init();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n // Remove the slot change listeners\n this._slot.removeEventListener('slotchange', this._init);\n\n // Remove the focus state listeners\n if (this.cta) {\n this.cta.removeEventListener('focus', this._focusHandler);\n this.cta.removeEventListener('blur', this._blurHandler);\n this.cta.removeEventListener('click', this._clickHandler);\n this.cta.removeEventListener('keyup', this._keyupHandler);\n }\n }\n\n set disabled(value) {\n const attrName = 'aria-disabled';\n if (value) {\n this.setAttribute(attrName, 'true');\n } else {\n this.removeAttribute(attrName);\n }\n }\n\n get disabled() {\n const attrName = 'aria-disabled';\n return this.hasAttribute(attrName) && this.getAttribute(attrName) === 'true';\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n switch (attr) {\n case 'pfe-priority':\n case 'aria-disabled':\n this.updatesStylesForIE();\n break;\n case 'dir':\n this._iconLogic();\n break;\n default:\n break;\n }\n\n // this logic may cause some issue, to remove whenever possible;\n // Strip the prefix form the attribute\n attr = attr.replace('pfe-', '');\n // If the observer is defined in the attribute properties\n if (this[attr] && this[attr].observer) {\n // Get the observer function\n let observer = this[this[attr].observer].bind(this);\n // If it's a function, allow it to run\n if (typeof observer === 'function') observer(attr, oldValue, newValue);\n }\n }\n\n // Initialize the component\n _init() {\n const supportedTags = ['a', 'button']; // add input later\n let supportedTag = false;\n\n // If the first child does not exist or that child is not a supported tag\n if (this.firstElementChild) {\n supportedTags.forEach((tag) => {\n if (this.firstElementChild.tagName.toLowerCase() === tag) {\n supportedTag = true;\n }\n });\n }\n\n if (!this.firstElementChild || !supportedTag) {\n console.warn(`${PfeCta.tag}: The first child in the light DOM must be a supported call-to-action tag (,